Tailwind CSS Breadcrumb

Breadcrumbs are a navigation system used to show a user's location in a site or app.

Chevrons

The simple form of chevron breadcrumbs.

The simple form of slashes breadcrumbs.

Example with icons.

Top and bottom divided with borders.

Add icon to indicate that there's more links, but this icon will be static.

Note that this component requires the use of our Dropdown plugin, else you can skip this message if you are already using Preline UI as a package.

Icon button to indicate that there's more links with dropdown to view the list of hidden links.