Canarist UI

Breadcrumb

Navigation trail showing the current page location within a hierarchy.

Default

import { Breadcrumb } from '@canarist/ui'

<Breadcrumb
  items={[
    { label: 'Dashboard', href: '/dashboard' },
    { label: 'Settings', href: '/settings' },
    { label: 'Profile' },
  ]}
/>

Reference

PropTypeDefaultDescription
items{ label: string; href?: string }[]—Array of breadcrumb items. Last item is rendered as current page (no link).
classNamestring—Additional CSS classes.