Breadcrumbs
Show hierarchy and navigational context for a user’s location within an application.
Features
- Support for navigation links via <a> elements or custom element types via ARIA.
- Localized ARIA labeling support for landmark navigation region.
- Support for disabled breadcrumb links.
Install
Import
API
Root
| Props | Type | Default |
|---|---|---|
as | AsTag | Component | nav |
asChild | boolean | false |
Content
| Props | Type | Default |
|---|---|---|
as | AsTag | Component | ul |
asChild | boolean | false |
Item
| Props | Type | Default |
|---|---|---|
as | AsTag | Component | li |
asChild | boolean | false |
| Data attribute | Value |
|---|---|
[data-state] | 'active' | 'inactive' |
Label
| Props | Type | Default |
|---|---|---|
as | AsTag | Component | a |
asChild | boolean | false |
| Data attribute | Value |
|---|---|
[data-state] | 'active' | 'inactive' |
Separator
| Props | Type | Default |
|---|---|---|
as | AsTag | Component | span |
asChild | boolean | false |