Breadcrumbs
Breadcrumbs is a simple navigation component for displaying a trail of links or steps. Use Crumb components as children for each navigation level.
Basic Usage
Code Example
Basic.vue
Breadcrumbs is a simple navigation component for displaying a trail of links or steps. Use Crumb components as children for each navigation level.
The Breadcrumbs components include the following:
The Breadcrumbs component wraps Crumb components, displaying them in a horizontal navigation bar. It accepts no props.
| Breadcrumbs Slots | Description |
|---|---|
default | The default slot. Place one or more |
The Crumb component represents a single item in the breadcrumb navigation. It accepts any content, including text, links, or icons. It accepts no props.
| Crumb Slots | Description |
|---|---|
default | The content of the breadcrumb item (text, link, icon, etc). |
A simple breadcrumbs navigation with three levels.
Breadcrumbs where each Crumb can contain icons or custom content.