Components · dropdown-menu
Dropdown menu. Trigger, list, action.
A button that opens a list of actions. ARIA roles (menu / menuitem), arrow-key navigation, Escape to close. Six variants: basic, with-icons, with-shortcuts, with-submenu, split-button, context-menu.
01 · base
.lsd-menu
basic
Default menu
.lsd-menu
02 · variants
Six variants
.lsd-menu--with-icons
With icons
.lsd-menu--with-icons
.lsd-menu--with-shortcuts
With shortcuts
.lsd-menu--with-shortcuts
.lsd-menu--with-submenu
With submenu
.lsd-menu--with-submenu
.lsd-menu--split-button
Split button
.lsd-menu--split-button
.lsd-menu--context-menu
Context menu
Right-click inside the dotted area.
Right-click me
.lsd-menu--context-menu
03 · animations
Menu entrance
.lsd-fx--slide-down
Slide-down
.lsd-fx--slide-down
.lsd-fx--scale-in
Scale-in
.lsd-fx--scale-in
Components · LSD primitives