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

Select menu

Item types

Menu
Href ink Navigate link

Item types - disabled

Menu
Link

Menu title

Menu

Menu title

Footer

Menu

Footer

Filter

Menu

Tabs

Menu

Selected items

Menu

Labels and icons

Use modifier classes to add space between the icon or label and the text label.
Menu

Message

Menu
Message

Blankslate

Menu

Menu

This is a blank slate

Use it to provide information when no dynamic content exists.

Loading

Menu

Borderless

Menu

Right aligned

Menu

Dropdown caret

Menu

Custom toggle

Backdrop

Menu

Open from outside

Menu