Default Breadcrumb

1import {
2  Breadcrumb,
3  BreadcrumbItem,
4  BreadcrumbLink,
5  BreadcrumbList,
6  BreadcrumbPage,
7  BreadcrumbSeparator,
8} from "@/registry/ui/breadcrumb";
9 
10const BreadcrumbsDemo = () => {
11  return (
12    <Breadcrumb>
13      <BreadcrumbList>
14        <BreadcrumbItem>
15          <BreadcrumbLink href="#">Home</BreadcrumbLink>
16        </BreadcrumbItem>
17        <BreadcrumbSeparator />
18        <BreadcrumbItem>
19          <BreadcrumbLink href="#/components">Components</BreadcrumbLink>
20        </BreadcrumbItem>
21        <BreadcrumbSeparator />
22        <BreadcrumbItem>
23          <BreadcrumbPage>Breadcrumb</BreadcrumbPage>
24        </BreadcrumbItem>
25      </BreadcrumbList>
26    </Breadcrumb>
27  );
28};
29 
30export default BreadcrumbsDemo;