Breadcrumb
Drobečková navigace s collapse podporou, vlastním separátorem a 9 barvami
Installation
pnpm dlx shadcn@latest add https://registry.ceskysoftware.cz/r/breadcrumb.json
Usage
Preview
Barvy
Velikosti
Separátory
Collapse (maxItems=3)
Import
import { Breadcrumb } from "@/components/ui/breadcrumb"
Example
import { Home } from "lucide-react"
<Breadcrumb
items={[
{ label: "Domů", href: "/", icon: <Home className="size-3.5" /> },
{ label: "Produkty", href: "/products" },
{ label: "MacBook Pro" },
]}
color="primary"
separator="›"
/>
Dependencies
https://registry.ceskysoftware.cz/r/utils.json (registry)