navigation contract
Breadcrumb
Hierarchical location indicator. For deep object trees.
Variants
- default
- Slash separators
- arrow
- Chevron separators
- collapsed
- Long paths collapse with "…" middle entries
Sizes
- sm
- caption1 12/16
- md
- subhead 15/20
Example
<Breadcrumb><BreadcrumbItem href="/">Home</BreadcrumbItem><BreadcrumbItem href="/projects">Projects</BreadcrumbItem><BreadcrumbItem current>Acme Web</BreadcrumbItem></Breadcrumb>Usage rule
Wrap in `<nav aria-label="Breadcrumb">` with an ordered list.
The full Breadcrumb contract has 3 more rules, plus the do-not patterns. Get the full recipe.