- Components
- breadcrumbs
Breadcrumbs
Hierarchical navigation trail showing current location and quick parent navigation.
Demo
Installation
Install the component:
Shell
php artisan flexi:add breadcrumbsExamples
With Icon
Outline wrapper
Custom indicator
Structure
-
x-ui.breadcrumbswraps the trail and sets navigation semantics. -
x-ui.breadcrumbs.itemrenders each crumb and separator. -
x-ui.breadcrumbs.separatorcustomizes the visual divider between items.
API Highlights
| Prop | Description |
|---|---|
spacing
(on breadcrumb and item)
|
Controls spacing between items and separators.
|
href
(item)
|
If provided and item is not active, renders as a link.
|
active
(item)
|
Marks current page and removes separator.
|
separator
(item/separator)
|
Changes separator icon or custom text/markup.
|
separatorNotIcon
(item)
|
Renders separator content as plain text/html instead of icon class.
|