OpenProject Lookbook

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<details-toggle>
  <details data-target="details-toggle.detailsTarget" data-view-component="true" class="dropdown details-overlay details-reset">
    <summary aria_label_open="Close" aria_label_closed="Open" role="button" data-target="details-toggle.summaryTarget" data-action="click:details-toggle#toggle" data-aria-label-closed="Open" data-aria-label-open="Close" aria-label="Open" aria-expanded="false" data-view-component="true" class="btn">    Dropdown
    </summary>
    <div data-view-component="true">    <details-menu role="menu" data-view-component="true" class="dropdown-menu dropdown-menu-se">
        <div class="dropdown-header">
          Header
        </div>
        <a role="menuitem" data-view-component="true" class="dropdown-item">Item 1</a>
        <a role="menuitem" data-view-component="true" class="dropdown-item">Item 2</a>
        <a role="presentation" data-view-component="true" class="dropdown-divider"></a>
        <a role="menuitem" data-view-component="true" class="dropdown-item">Item 3</a>
        <a role="menuitem" data-view-component="true" class="dropdown-item">Item 4</a>
      </details-menu>
    </div>
  </details>
</details-toggle>

No notes provided.

1
2
3
4
5
6
7
8
9
10
11
render(Primer::Alpha::Dropdown.new(overlay: overlay, with_caret: with_caret)) do |component|
  component.with_button { "Dropdown" }
  component.with_menu(header: "Header") do |menu|
    menu.with_item { "Item 1" }
    menu.with_item { "Item 2" }
    menu.with_item(divider: true)
    menu.with_item { "Item 3" }
    menu.with_item { "Item 4" }
  end
end
Param Description Input

—

—