navigation/@mihcm/ui·v0.21.0·stable
Breadcrumb
Navigation trail showing page hierarchy. Composable: Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis.
Props
The full prop API for Breadcrumb. Same surface in web and React Native — bundlers pick the right variant via the react-native export condition.
| Prop | Type | Default | Description | Since |
|---|---|---|---|---|
className | string | — | Additional classes on the root nav element. | 0.5.0 |
BreadcrumbHomeLink.tone | 'muted' | 'foreground' | 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'accent' | Semantic token tone for the icon home link. | 0.10.1 |
BreadcrumbHomeLink.colorClassName | string | — | Tailwind token class override for custom brand colors. | 0.10.1 |
BreadcrumbAccentPage.tone | 'muted' | 'foreground' | 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'accent' | Semantic token tone for the active page helper. | 0.10.1 |
BreadcrumbAccentPage.colorClassName | string | — | Tailwind token class override for custom active-page colors. | 0.10.1 |
Import
import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator } from '@mihcm/ui/Breadcrumb';