Docs

Cinder UI

Overlay.dropdown_menu

Progressive

Dropdown menu structure.

Menu open/close behavior is provided by the optional CuiDropdownMenu hook. Positioning is currently a fixed offset anchored from the trigger container, so menus do not yet flip or shift to stay inside the viewport.

Dropdown menu

  <.dropdown_menu id="project-actions">
  <:trigger><.button variant={:outline}>Actions</.button></:trigger>
  <:item href="/projects/1">Open project</:item>
  <:item>Rename</:item>
  <:item disabled={true}>Archive</:item>
</.dropdown_menu>

Attributes

Name Type Default Values Global Includes
class :string
content_class :string
id Required :string
rest :global

Slots

Slot Slot Attributes
item Required
href (:string)
navigate (:string)
patch (:string)
method (:string)
replace (:boolean)
csrf_token (:string)
disabled (:boolean)
trigger Required