Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<action-menu data-select-variant="none" data-view-component="true">
<focus-group direction="vertical" mnemonics retain>
<button id="action-menu-4444e61b-867f-45b4-b61a-d5c16b01b5e3-button" popovertarget="action-menu-4444e61b-867f-45b4-b61a-d5c16b01b5e3-overlay" aria-controls="action-menu-4444e61b-867f-45b4-b61a-d5c16b01b5e3-list" aria-haspopup="true" aria-labelledby="tooltip-48a45b5a-a4c8-4624-8bec-c00d9504a43a" 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-48a45b5a-a4c8-4624-8bec-c00d9504a43a" for="action-menu-4444e61b-867f-45b4-b61a-d5c16b01b5e3-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-4444e61b-867f-45b4-b61a-d5c16b01b5e3-overlay" anchor="action-menu-4444e61b-867f-45b4-b61a-d5c16b01b5e3-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">
<div data-view-component="true">
<ul aria-labelledby="action-menu-4444e61b-867f-45b4-b61a-d5c16b01b5e3-button" id="action-menu-4444e61b-867f-45b4-b61a-d5c16b01b5e3-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap">
<li data-targets="action-list.items action-list.items" role="none" data-view-component="true" class="ActionListItem">
<button tabindex="-1" id="item-aaf2821f-ae12-4e8f-8111-4af6e4854dec" 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>
</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 assets to display.