Skip to main content

Dropdown

Clicking the Dropdown component opens a panel that contains menu items, useful for housing related actions that are not prominent enough to be constantly visible.

Basic​

Preview
Config
Trigger Label

Text displayed on the dropdown trigger button.

Align

Defines the alignment of the dropdown panel.

Full Width

Makes the dropdown panel match the width of the trigger.

Auto Close

Closes the dropdown automatically when an item is clicked.

Open Disabled

Prevents the dropdown from being opened.

Open in playground →

.e-separator

Preview
Config
Trigger Label

Text displayed on the dropdown trigger button.

Align

Defines the alignment of the dropdown panel.

Full Width

Makes the dropdown panel match the width of the trigger.

Auto Close

Closes the dropdown automatically when an item is clicked.

Open Disabled

Prevents the dropdown from being opened.

Open in playground →

e-dropdown-handler

Preview
Config
Trigger Label

Text displayed on the dropdown trigger button.

Align

Defines the alignment of the dropdown panel.

Full Width

Makes the dropdown panel match the width of the trigger.

Auto Close

Closes the dropdown automatically when an item is clicked.

Open Disabled

Prevents the dropdown from being opened.

Open in playground →