🔗
Breadcrumb
Navigation breadcrumbs showing current page hierarchy.
Navigation
Variants
Default
Props:
variant="default" With Icons
Props:
variant="default" Small
Props:
size="sm" Large
Props:
size="lg" Props / API
| Prop | Type | Default | Description |
|---|---|---|---|
items | array | [] | Breadcrumb items with label and href |
variant | string | default | Display style |
size | string | md | Size: sm, md, lg |
Usage
<Breadcrumb items={[{label: 'Home', href: '/'}, {label: 'Products', href: '/products'}, {label: 'Current'}]} />