Skip to content

Breadcrumbs: Add property to control truncation of label of BreadcrumbItems that are very long #12219

@schempil

Description

@schempil

Is your feature request related to a problem?

When using breadcrumbs, the label of a breadcrumbItem can be very long and it ends up being multi line.
It would be cool, to have a feature that controls truncation of those labels to make them fit into one line.

Here is a stackblitz where you can check the breadcrumb behavior: https://stackblitz.com/edit/github-hrablygv?file=src%2FApp.tsx
If you reduce the screen width enough you see that the breadcrumbs are collapsing and the last item is multiline:

Image

Describe the solution you'd like

Adding a property to <Breadcrumbs /> component called maxLines for example to control the maximum allowed lines a breadcrumbItem should show its label.
If the label is too long to fit into this one line it should truncate and show "..." at the end.

Describe alternatives you've considered

No response

Additional Context

No response

Organization

SAP SE

Declaration

  • I’m not disclosing any internal or sensitive information.

Metadata

Metadata

Assignees

Labels

Type

Projects

Status

Completed

Status

🆕 New

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions