The Dropdown UI element is a list of options displayed to users, when they interact with a button or text field, allowing them to select the option they want.
To configure Dropdown:
- Go to Styles to modify the element styling features:
- Select the current condition of the element from the State dropdown:
- Normal: The default state of Dropdown when it is not being interacted.
- Hover: The state of Dropdown when the user hovers over it with the mouse cursor.
- Focus: The state of Dropdown when it is currently in focus or active.
- Active: The state of Dropdown when the user performs an action like clicking, tapping, or pressing.
- Select how Dropdown is displayed from the Type drop-down list: only the input field, input field with left or right icon.
- Make the necessary configuration of principal styling features (see Global Styles).
2. Go to Content to make the necessary configuration of content:
- Click Change Icon, select the icon style you prefer, and tick the icon in the icon list that opens.
💡 If you have questions or concerns, contact us directly via the Live Chat box in the lower right corner. Our Support Team will provide you with top-notch quality support 24/7.