Skip to main content

Breadcrumbs

Use Breadcrumbs to show users their location within a hierarchy of more than two levels. Users can navigate back to any higher level directly.

OverviewPropertiesUsage

Import​

import { Breadcrumbs } from '@dynatrace/strato-components/navigation';

Demo​

Disable an item​

The disabled prop disables a Breadcrumbs.Item, making it unclickable.

Use with React Router​

The Breadcrumbs.Item is a polymorphic component and can also be used as a React Router link.

Use inside Flex component​

When using the Breadcrumbs component inside a Flex component, make sure to set flexGrow and minWidth as shown in the example. Otherwise, the responsive collapsing and resize behavior won't work as the available space can't be calculated correctly.

Still have questions?
Find answers in the Dynatrace Community