x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<nav data-view-component="true" class="menu"> <h2 data-view-component="true" class="menu-heading"> Heading </h2> <a href="#url" aria-current="page" data-view-component="true" class="menu-item"> Item 1 </a> <a href="#url" data-view-component="true" class="menu-item"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> With Icon </a> <a href="#url" data-view-component="true" class="menu-item"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> With Icon and Counter <span title="25" data-view-component="true" class="Counter">25</span> </a></nav>No notes provided.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<%= render(Primer::Alpha::Menu.new) do |component| %> <% component.with_heading(tag: :h2) do %> Heading <% end %> <% component.with_item(selected: true, href: "#url") do %> Item 1 <% end %> <% component.with_item(href: "#url") do %> <%= render(Primer::Beta::Octicon.new("check")) %> With Icon <% end %> <% component.with_item(href: "#url") do %> <%= render(Primer::Beta::Octicon.new("check")) %> With Icon and Counter <%= render(Primer::Beta::Counter.new(count: 25)) %> <% end %><% end %>No params configured.