Show where users are in the application.
Custom separator in characters.
Show more information with icons.
Example for use with next.js.
Breadcrumbs.Props| Attribute | Description | Type | Accepted values | Default |
|---|---|---|---|---|
| separator | separator string | string | - | / |
| size | breadcrumbs size | NormalSizes | NormalSizes | medium |
| ... | native props | HTMLAttributes | 'id', 'className', ... | - |
Breadcrumbs.Item.Props| Attribute | Description | Type | Accepted values | Default |
|---|---|---|---|---|
| href | link address | string | - | - |
| nextLink | in next.js route | boolean | - | false |
| onClick | click event | (event: MouseEvent) => void | - | - |
| ... | native props | AnchorHTMLAttributes | 'id', 'className', ... | - |
Breadcrumbs.Separator.Props| Attribute | Description | Type | Accepted values | Default |
|---|---|---|---|---|
| ... | native props | HTMLAttributes | 'id', 'className', ... | - |
NormalSizestype NormalSizes = 'mini' | 'small' | 'medium' | 'large'