Dynamic title for breadcrumbs

[kevinkasper]

New Feature Proposal

For more information, see the CONTRIBUTING guide.

Description

I currently have the requirement that the title of the breadcrumbs should be built dynamically using an url with named parameters.

Unfortunately, this is not currently possible, as only static titles are possible:

api.registerBreadcrumb({
    path: '/customers/:customerId',
    title: 'Customer'
});

I would like to define the breadcrumbs as follows:

api.registerBreadcrumb({
    path: '/customers/:customerId',
    title: ({ params }) => <span>Customer - { params.customerId }</span>
});

Is there already such an implementation or a workaround?

Background

A similar behaviour has already been implemented for registering pages and works great:

api.registerPage(
    '/customer/:customerId',
    ({ match }) => <h1>Customer - { match.params.customerId }</h1>
);

Discussion

[FlorianRappl]

Yeah we can introduce that - sounds fair. Do you want to make a PR or should we keep it in the backlog?

[kevinkasper]

Feel free to add it to your backlog. Unfortunately, I'm not enough of a React expert for this.

Many thanks in advance! 😊

[Flouwrian]

I´ll start working on this issue