Skip to content

Dropdown

Article Dropdown

A dropdown is triggered by the interaction with a button or other control. Once displayed, the action dropdown presents users with a list of actions they can perform. The list can be as simple as a few actions, or as complex as a three-section menu with headings and a search bar.

UX/UI Guidelines

Check the design documentation of the component in ZeroHeight.

From Figma to code

...

Customization

INFO

Check everything about the customization mechanics in the "How it works" documentation.

CSS VariableTypeDescription
--z-action-menu--heading-colorcolor
--z-action-menu--colorcolor
--z-action-menu--color--hovercolor
--z-action-menu--bgcolor
--z-action-menu--bg--hovercolor
--z-action-menu--radiusdistance
--z-action-menu--shadowshadow

Accessibility

...