Component · C-027

Breadcrumb

Shows the hierarchical path to the current page. The last item is marked as current while the earlier ones stay navigable.

Install

Install koten-theme first when the project has no Koten tokens yet.

npx shadcn@latest add https://koten.codehive.com.co/r/breadcrumb.json

Accessibility

• The nav takes its aria-label from label, so it is distinct from other navigation landmarks.
• The list uses ol and li; the last item receives aria-current="page".
• Separators are decorative: aria-hidden and outside the focus order.
• onNavigate only intercepts plain clicks; modified clicks keep the browser behavior.

Read the whole page

• Markdown page
• Agent index (llms.txt)
• Full documentation (llms-full.txt)

Koten UI · llms.txt · llms-full.txt · Markdown