Midwest Component Library v0.24.0

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
<div class="flex items-center gap-6">
  <span class="midwest-breadcrumb variant-default current" aria-current="page">
    <span class="midwest-label ">
      Getting Started
    </span>
  </span>
  <span class="midwest-breadcrumb variant-default" aria-current="page">
    <span class="midwest-label ">
      No path — also current
    </span>
  </span>
</div>
1
2
3
4
<div class="flex items-center gap-6">
  <%= midwest_breadcrumb(title: 'Getting Started', current: true) %>
  <%= midwest_breadcrumb(title: 'No path — also current', path: nil) %>
</div>

Current

When current: true (or path: is blank), the crumb renders as a non-interactive <span aria-current="page"> rather than a link.

No params configured.

No assets to display.
Add a .js or .css file alongside the component to see it here.

Accessibility

Figma embed for Breadcrumb/current

Annotate a preview to embed its Figma design here:

@figma "https://figma.com/..."