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 to nil.
• separator_icon (:string) - Defaults to "hero-chevron-right-mini".
• size (:string) - Defaults to "sm".

Slots

• crumb (required) - Accepts attributes:
  • navigate (:string)
  • current (:boolean)