Installation
Usage
import { BreadcrumbAnimated } from "@/components/pioneerui/breadcrumb-animated"
export default function Page() {
return (
<BreadcrumbAnimated
items={[
{ label: "Home", href: "/" },
{ label: "Docs", href: "/docs" },
{ label: "Breadcrumb Animated" },
]}
maxVisible={3}
/>
)
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | BreadcrumbItem[] | — | Breadcrumb items (required) |
separator | React.ReactNode | chevron icon | Custom separator element |
maxVisible | number | undefined | Max items; extras collapse to … |