templUI Pro coming soon  

50% OFF Join Waitlist

Breadcrumb

Navigation component that helps users understand their location within a website's hierarchy.

Source
TailwindCSS

Installation

templui add breadcrumb

Examples

With Icons

Custom Separator

Responsive

API Reference

Required parameter
Hover for description

List

Breadcrumb list container for organizing breadcrumb items.

Name Type Default
ID
string
-
Class
string
-
Attributes
templ.Attributes
-

Item

Individual breadcrumb item component.

Name Type Default
ID
string
-
Class
string
-
Attributes
templ.Attributes
-
Current
bool
false

Separator

Visual separator between breadcrumb items.

Name Type Default
ID
string
-
Class
string
-
Attributes
string
-
UseCustom
bool
false