Usage
<%= ui.breadcrumbs %>
<%= ui.breadcrumbs separator: ">" %>
<%= ui.breadcrumbs separator: "-", class: "hidden md:flex" %>Props
| Prop | Type | Default | Description |
|---|---|---|---|
separator | String | "/" | The separator character or string displayed between breadcrumb items. |
display_single_fragment | Boolean | true | Whether to display breadcrumbs when there is only a single fragment. |
Also accepts any HTML attributes via **options (e.g., id:, data:, aria:). class: is also supported for custom styling.
Examples
Default
<%= ui.breadcrumbs %>Custom separator
<%= ui.breadcrumbs separator: ">" %>With custom classes
<%= ui.breadcrumbs class: "hidden md:flex" %>Hide single fragment
<%= ui.breadcrumbs display_single_fragment: false %>