View Source Lume.Components.Breadcrumbs (lume v0.3.0)
Summary
Functions
A breadcrumbs component
Functions
A breadcrumbs component
Examples
<.breadcrumbs id="item">
<:crumb navigate={~p"/"}>
<.icon name="hero-home-mini" class="w-4 h-4 mr-1" /> Home
</:crumb>
<:crumb navigate={~p"/items"}>Items</:crumb>
<:crumb current={true}>Current Item</:crumb>
</.breadcrumbs>
<.breadcrumbs id="custom-separator" separator_icon="hero-chevron-right-mini">
<:crumb navigate={~p"/"}>Home</:crumb>
<:crumb navigate={~p"/items"}>Items</:crumb>
<:crumb>Item</:crumb>
</.breadcrumbs>
Attributes
id
(:string
) (required)class
(:string
) - Defaults tonil
.separator_icon
(:string
) - Defaults to"hero-chevron-right-mini"
.size
(:string
) - Defaults to"sm"
.
Slots
crumb
(required) - Accepts attributes:navigate
(:string
)current
(:boolean
)