Breadcrumb

Renders a breadcrumb navigation.

Read more Read less

Usage

<.breadcrumb>
  <:item patch="/categories">Categories</:item>
  <:item patch="/categories/1">Reviews</:item>
  <:item patch="/categories/1/articles/1">The Movie</:item>
</.breadcrumb>
Attribute Type Documentation Default Value
class :any Any additional classes to be added. Variations of the component should be expressed via modifier attributes, and it is preferable to use styles on the parent container to arrange components on the page, but if you have to, you can use this attribute to pass additional utility classes to the component. The value can be a string or a list of strings. []
label :string The aria label for the `<nav>` element. The label should start with a capital letter, be localized, and should not repeat the word 'navigation'. "Breadcrumb"
rest :global Any additional HTML attributes.
Required item * :slot
<:item patch="/categories">Categories</:item>
<:item patch="/categories/1">Reviews</:item>
<:item patch="/categories/1/articles/1">The Movie</:item>