Breadcrumb

1import { Breadcrumb } from "@/zeroui/components/breadcrumbs";
2
3export default function Example() {

1<Breadcrumb
2  items={items}
3  variant="colored"

1<Breadcrumb items={items} separator="slash" />
2<Breadcrumb items={items} separator="chevron" />
3<Breadcrumb items={items} separator="arrow" />

1<Breadcrumb
2  items={longItems}
3  maxItems={3}

1import { BreadcrumbCollapsible } from "@/zeroui/components/breadcrumbs";
2
3<BreadcrumbCollapsible

1import { Home, Folder, File } from "lucide-react";
2
3<Breadcrumb

1<Breadcrumb items={items} size="sm" />
2<Breadcrumb items={items} size="md" />
3<Breadcrumb items={items} size="lg" />

1<Breadcrumb items={items} variant="default" />
2<Breadcrumb items={items} variant="muted" />
3<Breadcrumb items={items} variant="colored" />