OpenProject Lookbook

Previews

No matching results.

x
1
2
3
4
5
6
7
8
9
10
11
12
<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">
        <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="menuitem" data-view-component="true" class="dropdown-item">Item 3</a>
      </details-menu>
    </div>
  </details>
</details-toggle>

No notes provided.

1
2
3
4
5
6
7
8
render(Primer::Alpha::Dropdown.new) do |component|
  component.with_button { "Dropdown" }
  component.with_menu do |menu|
    menu.with_item { "Item 1" }
    menu.with_item { "Item 2" }
    menu.with_item { "Item 3" }
  end
end

No params configured.