OpenProject Lookbook

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<nav aria-label="Default" data-view-component="true" class="tabnav">
  <ul data-view-component="true" class="tabnav-tabs">
    <li data-view-component="true" class="d-inline-flex">
      <a href="#" aria-current="page" data-view-component="true" class="tabnav-tab">
        Tab 1
      </a></li>
    <li data-view-component="true" class="d-inline-flex">
      <a href="#" data-view-component="true" class="tabnav-tab">
        Tab 2
      </a></li>
    <li data-view-component="true" class="d-inline-flex">
      <a href="#" data-view-component="true" class="tabnav-tab">
        Tab 3
      </a></li>
  </ul>
</nav>

No notes provided.

1
2
3
4
5
render(Primer::Alpha::TabNav.new(label: "Default")) do |component|
  component.with_tab(selected: true, href: "#") { "Tab 1" }
  component.with_tab(href: "#") { "Tab 2" }
  component.with_tab(href: "#") { "Tab 3" }
end

No params configured.