Breadcrumb

Renders a breadcrumb navigation.

Read more Read less

Usage

<.breadcrumb label="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.

Read more Read less
[]

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. It should start with a capital

Read more Read less

letter and be localized.

Do not repeat the word navigation in the label. Screen readers announce the role along with the name. Using the role in the label would make screen readers repeat it.

labelledby :string

The DOM ID of an element that labels this navigation.

Read more Read less

Set either this attribute or label.

rest :global

Any additional HTML attributes.

Required item * :slot
Show slot attributes Hide slot attributes
navigate :string
patch :string
href :string
<:item patch="/categories">Categories</:item>
<:item patch="/categories/1">Reviews</:item>
<:item patch="/categories/1/articles/1">The Movie</:item>