Breadcrumbs

The last item is the current page (rendered without a link).


import { Breadcrumbs } from '@gg-software/ui';
 
<Breadcrumbs
    items={[
        { label: 'Home', href: '/' },
        { label: 'Products', href: '/products' },
        { label: 'Keyboards' },
    ]}
    separator="›"
/>;

Props

Prop	Type	Default
`items`*	`BreadcrumbItem[]`	—
`separator`	`ReactNode`	—
`className`	`string`	—

* required · generated from packages/ui/src/navigation/Breadcrumbs/Breadcrumbs.tsx

Types


type BreadcrumbItem = {
    label: ReactNode;
    href?: string;
    onClick?: () => void;
};