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', ... | - |
NormalSizes
type NormalSizes = 'mini' | 'small' | 'medium' | 'large'