Components
Pill Breadcrumb
A compact breadcrumb navigation with a rounded pill container, a home icon, and chevron separators for showing the current page path.
import BreadcrumbOutlineDemo from "@/components/ui/breadcrumb-01";
export default function Default() {
return (
<div className="flex min-h-[240px] w-full items-center justify-center bg-background p-8 text-foreground">
<BreadcrumbOutlineDemo />
</div>
);
}