Page Kit
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<nav class="ui-breadcrumbs" aria-label="breadcrumbs">
  <div class="ui-breadcrumbs__wrapper">
    <ol>
      <li>
        <a data-no-visited-state="true" href="https://www.raspberrypi.org">
          Raspberry Pi
        </a>            <span aria-hidden="true" class="ui-breadcrumbs__separator">
          <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M1.4 12L0 10.6L4.6 6L0 1.4L1.4 0L7.4 6L1.4 12Z" fill="#212121"/>
          </svg>
        </span>
      </li>
      <li>
        <a data-no-visited-state="true" href="https://www.raspberrypi.org/products/">
          Products
        </a>            <span aria-hidden="true" class="ui-breadcrumbs__separator">
          <svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M1.4 12L0 10.6L4.6 6L0 1.4L1.4 0L7.4 6L1.4 12Z" fill="#212121"/>
          </svg>
        </span>
      </li>
      <li>
        Here
      </li>
    </ol>
  </div>
</nav>
1
2
3
4
5
6
7
c('ui/breadcrumbs', {
    links: [
      { href: 'https://www.raspberrypi.org', label: 'Raspberry Pi' },
      { href: 'https://www.raspberrypi.org/products/', label: 'Products' },
      { href: 'https://www.raspberrypi.org/products/here', label: 'Here' }
    ]
  })

No notes provided.

No params configured.