Breadcrumb
Show the path to the current page with linked ancestors.
Preview
Import
import { Breadcrumb } from "@sigil-ui/components";Usage
<Breadcrumb items={[{ label: "Home", href: "/" }, { label: "Docs", href: "/docs" }, { label: "Breadcrumb" }]} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | BreadcrumbItem[] | — | Breadcrumb trail items. The last item is treated as the current page. |
separator | ReactNode | / | Separator character. |
Token integration
| CSS Variable | Purpose |
|---|---|
--s-text-muted | Text muted |
--s-text | Text |
--s-duration-fast | Duration fast |