Search for a command to run...
Displays a breadcrumbs or a component that looks like a breadcrumbs.
import { Settings, Users } from "lucide-react" import { Breadcrumbs } from "registry/ebonui/breadcrumbs" export function BreadcrumbsDemo() { return ( <div className="space-y-6"> <div> <Breadcrumbs items={[ { href: "/admin", label: "Admin", icon: <Settings className="h-4 w-4" />, }, { href: "/admin/users", label: "Users", icon: <Users className="h-4 w-4" />, }, { href: "/admin/users/123", label: "John Doe" }, ]} /> </div> </div> ) }
pnpmnpmyarnbunpnpm dlx shadcn@latest add @ebonui/breadcrumbsCopy
pnpm dlx shadcn@latest add @ebonui/breadcrumbs
Copyimport { Breadcrumbs } from "@/components/ui/breadcrumbs"
import { Breadcrumbs } from "@/components/ui/breadcrumbs"
Copy<Breadcrumbs>Home</Breadcrumbs>
<Breadcrumbs>Home</Breadcrumbs>
