Breadcrumb1

1import {
2  Breadcrumb,
3  BreadcrumbItem,
4  BreadcrumbLink,
5  BreadcrumbList,
6  BreadcrumbPage,
7  BreadcrumbSeparator,
8} from "@/ui/breadcrumb";
9 
10export default function Basic() {
11  return (
12    <Breadcrumb>
13      <BreadcrumbList>
14        <BreadcrumbItem>
15          <BreadcrumbLink href="/">Dashboard</BreadcrumbLink>
16        </BreadcrumbItem>
17        <BreadcrumbSeparator />
18        <BreadcrumbItem>
19          <BreadcrumbLink href="/reports">Reports</BreadcrumbLink>
20        </BreadcrumbItem>
21        <BreadcrumbSeparator />
22        <BreadcrumbItem>
23          <BreadcrumbPage>Export</BreadcrumbPage>
24        </BreadcrumbItem>
25      </BreadcrumbList>
26    </Breadcrumb>
27  );
28}