FigMayo Logo

LIBRARIES

🎨 Styles Slim (0)

core

Fills & Effects
Ctrl-K
🎨 Styles/πŸ”» Dropdowns
Updated 24 August 2024
πŸ”» Dropdowns

Dropdowns present a list of options from which a user can select one option, or several. A selected option can represent a value in a form, or can be used as an action to filter or sort existing content.

select-dark(6 variants)
View Figma
    PlaygroundFigmaLink
select-light(12 variants)
View Figma
dropdowns-dark

These are our light dropdowns. We have 2 cell sizes, the smaller size is better for regular UI elements, reserve the larger size for main menus.

dropdown-item(8 variants)
View Figma
dropdowns-light

These are our light dropdowns. We have 2 cell sizes and a large variant specific for the user menu.

dropdown-item-light(11 variants)
View Figma
Figma notes
The shortcut option is a boolean toogle. Likewise for the left icon.