Components
breadcrumb
Breadcrumb navigation trail.
Breadcrumb navigation showing the current page hierarchy. Contains crumb children.
accepts children
Layout
| Property | Type | Default |
|---|
:row | flag | - |
:col | flag | - |
:grid | flag | - |
:wrap | flag | - |
Alignment
| Property | Type | Default |
|---|
:center | flag | - |
:start | flag | - |
:end | flag | - |
:between | flag | - |
:around | flag | - |
:stretch | flag | - |
Sizing
| Property | Type | Default |
|---|
:full | flag | - |
:fit | flag | - |
:fill | flag | - |
Spacing
| Property | Type | Default |
|---|
:gap | number | 0 |
:padding | number | 0 |
Dimensions
| Property | Type | Default |
|---|
:width | any | - |
:height | any | - |
Position
| Property | Type | Default |
|---|
:sticky | flag | - |
:fixed | flag | - |
:absolute | flag | - |
:relative | flag | - |
:top | number | - |
:left | number | - |
:right | number | - |
:bottom | number | - |
The last crumb typically has no :to property, indicating the current page. You can also use :active to explicitly mark a crumb as the current page.