Breadcrumb2

1import {
2  Breadcrumb,
3  BreadcrumbEllipsis,
4  BreadcrumbItem,
5  BreadcrumbLink,
6  BreadcrumbList,
7  BreadcrumbPage,
8  BreadcrumbSeparator,
9} from "@/ui/breadcrumb";
10 
11export default function MoreItems() {
12  return (
13    <>
14      <Breadcrumb>
15        <BreadcrumbList>
16          <BreadcrumbItem>
17            <BreadcrumbLink href="/">Dashboard</BreadcrumbLink>
18          </BreadcrumbItem>
19          <BreadcrumbSeparator />
20          <BreadcrumbItem>
21            <BreadcrumbPage>Reports</BreadcrumbPage>
22          </BreadcrumbItem>
23        </BreadcrumbList>
24      </Breadcrumb>
25      <Breadcrumb>
26        <BreadcrumbList>
27          <BreadcrumbItem>
28            <BreadcrumbLink href="/">Dashboard</BreadcrumbLink>
29          </BreadcrumbItem>
30          <BreadcrumbSeparator />
31          <BreadcrumbItem>
32            <BreadcrumbLink href="/reports">Reports</BreadcrumbLink>
33          </BreadcrumbItem>
34          <BreadcrumbSeparator />
35          <BreadcrumbItem>
36            <BreadcrumbPage>Social</BreadcrumbPage>
37          </BreadcrumbItem>
38        </BreadcrumbList>
39      </Breadcrumb>
40      <Breadcrumb>
41        <BreadcrumbList>
42          <BreadcrumbItem>
43            <BreadcrumbLink href="/">Dashboard</BreadcrumbLink>
44          </BreadcrumbItem>
45          <BreadcrumbSeparator />
46          <BreadcrumbItem>
47            <BreadcrumbLink href="/reports">Reports</BreadcrumbLink>
48          </BreadcrumbItem>
49          <BreadcrumbSeparator />
50          <BreadcrumbItem>
51            <BreadcrumbLink href="/social">Social</BreadcrumbLink>
52          </BreadcrumbItem>
53          <BreadcrumbSeparator />
54          <BreadcrumbItem>
55            <BreadcrumbPage>Export</BreadcrumbPage>
56          </BreadcrumbItem>
57        </BreadcrumbList>
58      </Breadcrumb>
59      <Breadcrumb>
60        <BreadcrumbList>
61          <BreadcrumbItem>
62            <BreadcrumbLink href="/">Dashboard</BreadcrumbLink>
63          </BreadcrumbItem>
64          <BreadcrumbSeparator />
65          <BreadcrumbItem>
66            <BreadcrumbEllipsis />
67          </BreadcrumbItem>
68          <BreadcrumbSeparator />
69          <BreadcrumbItem>
70            <BreadcrumbLink href="/reports">Reports</BreadcrumbLink>
71          </BreadcrumbItem>
72          <BreadcrumbSeparator />
73          <BreadcrumbItem>
74            <BreadcrumbLink href="/social">Social</BreadcrumbLink>
75          </BreadcrumbItem>
76          <BreadcrumbSeparator />
77          <BreadcrumbItem>
78            <BreadcrumbPage>Export</BreadcrumbPage>
79          </BreadcrumbItem>
80// … truncated