Primer ViewComponents v0.36.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
24
25
<action-menu data-select-variant="none" data-view-component="true">
  <focus-group direction="vertical" mnemonics retain>
    <button id="action-menu-7e280cf0-228f-491b-aea3-64a8e1e61364-button" popovertarget="action-menu-7e280cf0-228f-491b-aea3-64a8e1e61364-overlay" aria-controls="action-menu-7e280cf0-228f-491b-aea3-64a8e1e61364-list" aria-haspopup="true" aria-labelledby="tooltip-623a06ff-d384-48e3-8434-5571f8fb228a" 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-623a06ff-d384-48e3-8434-5571f8fb228a" for="action-menu-7e280cf0-228f-491b-aea3-64a8e1e61364-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-7e280cf0-228f-491b-aea3-64a8e1e61364-overlay" anchor="action-menu-7e280cf0-228f-491b-aea3-64a8e1e61364-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-7e280cf0-228f-491b-aea3-64a8e1e61364-button" id="action-menu-7e280cf0-228f-491b-aea3-64a8e1e61364-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-873ceb71-3667-4c49-99f0-eb5445dd379f" 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.