Skip to main content

Dropdown

An element used to navigate or modify desired menu properties.

Dropdown1.svg

1. Root : The top-level container area that wraps the Dropdown component
2. Label : Button label
3. Prefix : Area for options provided at the beginning of the menu
4. Suffix : Area for options provided at the beginning of the menu
5. Container : Area that contains the Dropdown element



States

StatesValueDescription
OpenedBooleanSwitches to True when the dropdown container is open
PressedBooleanSwitches to True when being clicked by touch
DisabledBooleanIf True, the Dropdown is in a non-interactable state

Dropdown4.svg Dropdown2.svg



Properties

PropertyValueDescription
PrefixApp Icon, IconOptions provided at the beginning of the menu
SuffixSwitch, IconOptions provided at the end of the menu
SizeMedium, SmallSize options for the Dropdown and container items

Dropdown3.svg Dropdown6.svg