Storybook
  • Theme

  • Light
  • Dark
  • System
  • Light tone

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

  • Dark
  • Dark dimmed
  • Dark high contrast
  • Dark colorblind
  • Dark Tritanopia
  • Reset to default

Action menu

Action menu is composed of action list and overlay patterns used for quick actions and selections.

Form: single select

Interactive
Selected: -

Form: multiple select

Interactive
Selected: -

With basic action list

  • One
  • Two
  • Three

With single select

  • Text
  • Number
  • Calendar
  • Iteration

With multiple select

  • Option
  • Option
  • Option

Aligned at end

  • One
  • Two
  • Three

Offset-x

  • One
  • Two
  • Three

Offset-x and aligned at end

  • One
  • Two
  • Three

Custom toggle

  • One
  • Two
  • Three

Backdrop

  • One
  • Two
  • Three

Transition duration

  • One
  • Two
  • Three

Open from outside

  • One
  • Two
  • Close

Status callback events

Status: initial

  • One
  • Two
  • Three