Dummy
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<nav aria-label='Breadcrumb' class='usa-breadcrumb'>
  <ol class='usa-breadcrumb__list'>
    <li class='usa-breadcrumb__list-item '>
      <a class="usa-breadcrumb__link" href="#home"><span>Home</span>
      </a></li>
    <li class='usa-breadcrumb__list-item '>
      <a class="usa-breadcrumb__link" href="#contracting"><span>Federal Contracting</span>
      </a></li>
    <li class='usa-breadcrumb__list-item '>
      <a class="usa-breadcrumb__link" href="#assistance"><span>Contracting assistance programs</span>
      </a></li>
    <li class='usa-breadcrumb__list-item '>
      <a class="usa-breadcrumb__link" href="/lookbook/preview/uswds_components/breadcrumb/default"><span>Women-owned small business federal contracting program</span>
      </a></li>
  </ol>
</nav>
1
2
3
4
5
6
7
8
9
render UswdsComponents::BreadcrumbComponent.new(wrap: wrap) do |trail|
  trail.with_crumb(href: '#home', name: 'Home')
  trail.with_crumb(href: '#contracting', name: 'Federal Contracting')
  trail.with_crumb(href: '#assistance', name: 'Contracting assistance programs')
  trail.with_crumb(
    href: '/lookbook/preview/uswds_components/breadcrumb/default',
    name: 'Women-owned small business federal contracting program',
  )
end

Breadcrumb Component

See at USWDS

Param Description Input

—