OpenProject Lookbook

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
<nav aria-label="Breadcrumb" data-view-component="true">
  <ol>
    <li data-view-component="true" class="breadcrumb-item "><a target="_self" href="#0" data-view-component="true" class="Link">
        <div style="max-width: 135px;" data-view-component="true" class="css-truncate css-truncate-target">Breadcrumb Item 1</div>
      </a></li>
    <li data-view-component="true" class="breadcrumb-item "><a target="_self" href="#1" data-view-component="true" class="Link">
        <div style="max-width: 135px;" data-view-component="true" class="css-truncate css-truncate-target">Breadcrumb Item 2 with a really long, long, long name</div>
      </a></li>
    <li data-view-component="true" class="breadcrumb-item  breadcrumb-item-selected"><a target="_self" aria-current="page" href="#2" data-view-component="true" class="Link">
        <div style="max-width: 135px;" data-view-component="true" class="css-truncate css-truncate-target">Breadcrumb Item 3 with an extremely long, long, long name</div>
      </a></li>
  </ol>
</nav>

No notes provided.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<%# erblint:counter DeprecatedComponentsCounter 1 %>
<% texts = [
          "Breadcrumb Item 1",
          "Breadcrumb Item 2 with a really long, long, long name",
          "Breadcrumb Item 3 with an extremely long, long, long name"
        ] %>
<%= render(Primer::Beta::Breadcrumbs.new) do |breadcrumbs| %>
  <% texts.each_with_index do |text, i| %>
    <% breadcrumbs.with_item(href: "##{i}") do %>
      <%=
        render(Primer::Truncate.new(inline: true, max_width: 135)) { text } # rubocop:disable Migrations/TruncateComponent
      %>
    <% end %>
  <% end %>
<% end %>

No params configured.