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
<action-menu data-select-variant="none" data-view-component="true"> <focus-group direction="vertical" mnemonics retain> <button id="action-menu-373bc9b8-7777-4051-82a9-133619bb015a-button" popovertarget="action-menu-373bc9b8-7777-4051-82a9-133619bb015a-overlay" aria-controls="action-menu-373bc9b8-7777-4051-82a9-133619bb015a-list" aria-haspopup="true" aria-labelledby="tooltip-45b03cc1-688e-4140-ba20-566d5f003db5" type="button" data-view-component="true" class="Button Button--iconOnly Button--secondary Button--medium"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-star Button-visual"> <path d="M8 .25a.75.75 0 0 1 .673.418l1.882 3.815 4.21.612a.75.75 0 0 1 .416 1.279l-3.046 2.97.719 4.192a.751.751 0 0 1-1.088.791L8 12.347l-3.766 1.98a.75.75 0 0 1-1.088-.79l.72-4.194L.818 6.374a.75.75 0 0 1 .416-1.28l4.21-.611L7.327.668A.75.75 0 0 1 8 .25Zm0 2.445L6.615 5.5a.75.75 0 0 1-.564.41l-3.097.45 2.24 2.184a.75.75 0 0 1 .216.664l-.528 3.084 2.769-1.456a.75.75 0 0 1 .698 0l2.77 1.456-.53-3.084a.75.75 0 0 1 .216-.664l2.24-2.183-3.096-.45a.75.75 0 0 1-.564-.41L8 2.694Z"></path> </svg> </button><tool-tip id="tooltip-45b03cc1-688e-4140-ba20-566d5f003db5" for="action-menu-373bc9b8-7777-4051-82a9-133619bb015a-button" popover="manual" data-direction="s" data-type="label" data-view-component="true" class="sr-only position-absolute">Menu</tool-tip> <anchored-position id="action-menu-373bc9b8-7777-4051-82a9-133619bb015a-overlay" anchor="action-menu-373bc9b8-7777-4051-82a9-133619bb015a-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true"> <div data-view-component="true" class="Overlay Overlay--size-auto"> <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone"> <action-list> <div data-view-component="true"> <ul aria-labelledby="action-menu-373bc9b8-7777-4051-82a9-133619bb015a-button" id="action-menu-373bc9b8-7777-4051-82a9-133619bb015a-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap"> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <button tabindex="-1" id="item-38ee683f-b00e-425b-a286-8ae4e84e81a4" type="button" role="menuitem" data-view-component="true" class="ActionListContent"> <span data-view-component="true" class="ActionListItem-label"> Does something </span> </button> </li> </ul> </div> </action-list> </div> </div> </anchored-position> </focus-group></action-menu>
1
2
3
4
render(Primer::Alpha::ActionMenu.new) do |menu| menu.with_show_button(icon: :star, "aria-label": "Menu") menu.with_item(label: "Does something")end
No notes provided.
No params configured.
No assets to display.