Breadcrumb

Displays the path to the current resource using a hierarchy of links.

Preview

Installation

$npx maddex add Breadcrumb

Usage



1<!-- @import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from ../../lib/components -->
2
3<Breadcrumb>
4  <BreadcrumbList>
5    <BreadcrumbItem>
6      <BreadcrumbLink href="/">Home</BreadcrumbLink>
7    </BreadcrumbItem>
8    <BreadcrumbSeparator />
9    <BreadcrumbItem>
10      <BreadcrumbLink href="/components">Components</BreadcrumbLink>
11    </BreadcrumbItem>
12    <BreadcrumbSeparator />
13    <BreadcrumbItem>
14      <BreadcrumbPage>Breadcrumb</BreadcrumbPage>
15    </BreadcrumbItem>
16  </BreadcrumbList>
17</Breadcrumb>