daisyUI Kit 🌼

Breadcrumbs

Breadcrumbs let the user know where they've been. Each Crumb component can contain text or a link to give a quick path back. The component will automatically scroll horizontally if space is limited.

  • Top Level
  • Level Two
  • Level Three
  • Level Four
  • Level Five
  • Level Six
  • Level Seven
  • Level Eight
  • Level Nine
  • Level Ten
Code Example 
<Breadcrumbs>
  <Crumb>Level One</Crumb>
  <Crumb>Level Two</Crumb>
  <Crumb>Level Three</Crumb>
</Breadcrumbs>

Each Crumb can handle any type of content. Put an icon on either side of the text and flex styling will line it up in a row.

Components

Breadcrumbs components include the following:

Breadcrumbs wrap Crumb components. They accept no props.

Crumb

Multiple Crumb components can go inside a BreadCrumbs component. Crumb accepts no props.