Pajamas ViewComponents
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<nav aria-label='Breadcrumbs' class='gl-breadcrumbs'>
  <ul class='gl-breadcrumb-list breadcrumb js-breadcrumbs-list'>
    <li class='gl-breadcrumb-item'>
      <a href="/">Home</a>
    </li>
    <li class='gl-breadcrumb-item'>
      <a href="#">My Group</a>
    </li>
    <li class='gl-breadcrumb-item'>
      <a href="#">My Project</a>
    </li>
    <li class='gl-breadcrumb-item'>
      <a href="#">Issues</a>
    </li>
    <li class='gl-breadcrumb-item'>
      <a href="#">#1234</a>
    </li>
  </ul>
</nav>
1
2
3
4
5
6
7
render Pajamas::BreadcrumbComponent.new do |c|
  c.with_item(text: 'Home', href: '/')
  c.with_item(text: 'My Group', href: '#')
  c.with_item(text: text, href: href)
  c.with_item(text: 'Issues', href: '#')
  c.with_item(text: '#1234', href: '#')
end

Breadcrumb

See its design reference here.

Param Description Input

—

—