Breadcrumbs
Navigation path for drilling into nested frames and groups.
Install
npx shadcn@latest add https://substrate.georgedrury.co.uk/r/breadcrumbsExamples
Default
Click any ancestor to navigate back up. The active (last) item is bold and non-clickable.
"use client"
import { useState } from "react"Components
| Component | Description |
|---|---|
Breadcrumbs | nav wrapper with horizontal flex layout |
BreadcrumbItem | Clickable path segment with auto separator arrow |