dropdown

Fragment reference dropdown

tags

ui

Dropdowns display a list of options that can be triggered by a button or other element.

Usage

Basic dropdown with trigger button and items

puguidropdown wa-dropdown-basic

dropdown
  button(slot="trigger" with-caret) Options
  dropdown-item(value="1") Option 1
  dropdown-item(value="2") Option 2

Item variants

Dropdown with checkbox and danger item variants

puguidropdown wa-dropdown-item-variants

dropdown
  button(slot="trigger" with-caret) Actions
  dropdown-item(value="edit") Edit
  dropdown-item(value="dupe") Duplicate
  dropdown-item(type="checkbox" checked value="pin") Pinned
  dropdown-item(value="delete" variant="danger") Delete

Attributes

Name	Type	Default	Description
open	boolean	false	Visibility state.
size	small | medium | large	medium	Component size.
placement	top | bottom | left | right	bottom-start	Popup positioning.