Breadcrumb

1import Link from "next/link";
2 
3import {
4  Breadcrumb,
5  BreadcrumbItem,
6  BreadcrumbLink,
7  BreadcrumbList,
8  BreadcrumbPage,
9  BreadcrumbSeparator
10} from "@/components/ui/breadcrumb";
11 
12export default function BreadcrumbDefault() {
13  return (
14    <Breadcrumb>
15      <BreadcrumbList>
16        <BreadcrumbItem>
17          <BreadcrumbLink asChild>
18            <Link href="/">Home</Link>
19          </BreadcrumbLink>
20        </BreadcrumbItem>
21        <BreadcrumbSeparator />
22        <BreadcrumbItem>
23          <BreadcrumbLink asChild>
24            <Link href="/docs/components">Components</Link>
25          </BreadcrumbLink>
26        </BreadcrumbItem>
27        <BreadcrumbSeparator />
28        <BreadcrumbItem>
29          <BreadcrumbPage>Breadcrumb</BreadcrumbPage>
30        </BreadcrumbItem>
31      </BreadcrumbList>
32    </Breadcrumb>
33  );
34}