Breadcrumbs

The Breadcrumbs component can be used to indicate the location and hierarchy of the current page. It also allows users to easily navigate back to a higher level in the hierarchy.

Import

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

Use cases

CodeSandbox

Disable an item

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

CodeSandbox

Use the Breadcrumbs with React Router

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

CodeSandbox

Props

BreadcrumbsProps

extends,

Name	Type	Default	Description
children?		-	Elements to be displayed as Breadcrumbs.

Breadcrumbs.Item

You can use the Breadcrumbs.Item component to render an item inside the Breadcrumbs menu, as shown above.

BreadcrumbsItemProps

Signature:

export declare type BreadcrumbsItemProps<E extends > = <E, >;