Tailwind CSS Breadcrumbs - Taco Svelte

Breadcrumbs are website links that allow users to track where they are on a website and how far they are from the homepage. They are highly important elements for your search engine optimization and user experience. Below we are presenting an example of the Breadcrumbs component that you can use in your Taco project.

<Breadcrumbs items="itemsBread"/>

Block Level Breadcrumbs

A Breadcrumbs could be a block level component as well that get's all the available space in a row. You can render a Breadcrumbs as a block level element using the fullWidth prop.

<Breadcrumbs items="itemsBread" fullWidth/>

Custom Breadcrumbs Separator

You can modify the Breadcrumbs separators by using the Separator prop.

<Breadcrumbs items="itemsBread" divider="-"/>

Custom Breadcrumbs

<Breadcrumbs 
    items="itemsBread"
    divider="/"
    fullWidth="{false}"
>
</Breadcrumbs>