Skip to main content

Dropdown

An element for moving the menu or changing the desired menu properties.

Dropdown1.svg

1. Root : The top-level container area that wraps the Dropdown component
2. Label: Button label
3. Prefix : Option area provided at the front of the menu
4. Suffix : Option area provided at the back of the menu
5. Container : Area that contains the Dropdown elements



States

StatesValueDescription
OpenedBooleanSwitch to True when the Dropdown container is open
PressedBooleanSwitches to True when in a clicked state via touch
DisabledBooleanWhen True, the Dropdown is in a non-interactive state

Dropdown4.svg Dropdown2.svg



Properties

PropertyValueDescription
PrefixApp Icon, IconOption provided at the front of the menu
SuffixSwitch, IconOption provided at the back of the menu
SizeMedium, SmallSize options for Dropdown container items

Dropdown3.svg Dropdown6.svg