Breadcrumbs

Breadcrumbs display a hierarchy of links to the current page or resource in an application.

  1. Home
  2. Products
  3. Current Page

Examples

Custom Items

  1. 🏠Home
  2. 📦Products
  3. 📄Current Page

Disabled

  1. Home
  2. Products
  3. Current Page

Long Path

  1. Home
  2. Category
  3. Subcategory
  4. Section
  5. Current Page

Props

isDisabled
boolean—
onAction
((key: Key) => void)—
children
ReactNode | ((item: T) => ReactNode)—
items
Iterable<T>—
dependencies
readonly any[]—
id
string—
className
string—
style
CSSProperties—
slot
string | null—