Components
Loading preview...
Display the current page location within a navigational hierarchy.
npx shadcn@latest add https://21st.dev/r/hero_ui/heroui-breadcrumbsimport { Breadcrumbs } from "@/components/ui/heroui-breadcrumbs";
export default function BreadcrumbsDisabledDemo() {
return (
<div className="flex min-h-screen w-full items-center justify-center overflow-hidden bg-background p-8">
<Breadcrumbs isDisabled>
<Breadcrumbs.Item href="#">Home</Breadcrumbs.Item>
<Breadcrumbs.Item href="#">Products</Breadcrumbs.Item>
<Breadcrumbs.Item href="#">Electronics</Breadcrumbs.Item>
<Breadcrumbs.Item href="#">Laptop</Breadcrumbs.Item>
</Breadcrumbs>
</div>
);
}
export { BreadcrumbsDisabledDemo };