Primer ViewComponents v0.15.0

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 notes provided.

No params configured.

No assets to display.