Storybook
  • Theme

  • Light
  • Dark
  • System
  • Dark tone

  • Dark
  • Dark dimmed
  • Dark high contrast
  • Dark colorblind
  • Dark Tritanopia
  • Light tone

  • Light
  • Light high contrast
  • Light colorblind
  • Light Tritanopia
  • Reset to default

Action menu

Single select from data

Interactive
A single select uses a radio input group under the hood. In this example, deselection is done with a "reset" event handler that compares the associated job id with the current user data, and if equal, resets the user and changeset.
Menu
Selected: -

Multiple select from data

Interactive
Menu
Selected: -

With basic action list

Menu
  • One
  • Two
  • Three

With single select

Number
  • Text
  • Number
  • Calendar
  • Iteration

With multiple select

Select 2
  • Option
  • Option
  • Option

Right aligned

Menu
  • One
  • Two
  • Three

Custom toggle

  • One
  • Two
  • Three

Backdrop (fast transition)

Menu
  • One
  • Two
  • Three

Open from outside

Menu
  • One
  • Two
  • Three