Hextech UI

Breadcrumbs

Live example

Breadcrumbs

Installation

Terminal
npx shadcn@latest add https://hextech-ui.vercel.app/r/breadcrumbs.json

API reference

These are the main Breadcrumbs options. See the exported TypeScript types for inherited native or primitive props.

PropTypeDefault
hrefstring (Breadcrumb)—
currentboolean (Breadcrumb)true without href

Current location

Use links for ancestor locations and mark the current item with current. Give each item meaningful text. Keep breadcrumb navigation separate from the main page heading.