Components
Breadcrumb
The path to the current page.
Usage
After the one-time setup, call the helper directly from ERB. No component import is needed.
<%= lc_breadcrumb [ [ "Projects", "/components/breadcrumb.html" ], [ "Design system", "/components/breadcrumb.html" ], "Settings" ] %>Examples
Breadcrumb
<%= lc_breadcrumb [ [ "Projects", "/components/breadcrumb.html" ], [ "Design system", "/components/breadcrumb.html" ], "Settings" ] %>API reference
Helpers render semantic HTML and include their interaction wiring. Pass native attributes through class:, data:, aria: and the usual Rails options. Blocks use captured ERB content.
lc_breadcrumb
| Input | Default | Values |
|---|---|---|
| items | Required | — |
| label | lc_t("lostcoords.ui.breadcrumb.label") | Accessible name, visible where applicable |
| attributes | {} | Native HTML attributes; class:, data: and aria: merge with defaults |
Styling and extension
Use class: to merge utilities, native attributes for application behavior, and the theming guide for the shared palette. For custom markup, the advanced class helpers expose the same styles, including glass surfaces and class merging.