1. Components
  2. Breadcrumb

Navigations

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.

Theme:

Slashes

The simple form of slashes breadcrumbs.

Theme:

With icons

Breadcrumbs with icons for each navigation item.

Theme:

Bordered

Top and bottom divided with borders.

Theme:

'More' static button

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

Theme:

'More' button with Dropdown

Requires JS

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.

Learn more

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

Theme: