x
1
2
3
4
5
<a class="midwest-breadcrumb variant-default" href="elements/breadcrumb/playground"> <span class="midwest-label "> Articles </span></a>1
2
3
4
5
6
7
8
9
10
<% is_current = params[:current] == 'true' %><% icon_val = params[:icon].presence&.to_sym %><%= midwest_breadcrumb( title: params[:title] || 'Articles', path: is_current ? nil : (params[:path] || '/articles'), variant: (params[:variant] || 'default').to_sym, current: is_current, icon: icon_val) %>Playground
Adjust options live to explore the full surface of a single crumb.
| Param | Description | Input |
|---|---|---|
|
Label shown in the crumb |
|
|
|
URL for the link (leave blank to render as current) |
|
|
|
Visual style |
|
|
|
Rendered HTML element |
|
|
|
Render as the active/current page |
|
|
|
Optional icon shown before the label |
|
No assets to display.
Add a .js or .css file alongside the component to see it here.
Figma embed for Breadcrumb/playground
Annotate a preview to embed its Figma design here:
@figma "https://figma.com/..."