Skip to content
On this page

Dropdown

A dropdown is a commonly used interface element that provides a selection list and allows users to choose one option from it. It is often used for setting options, filtering data, or selecting from predefined choices.

For more detailed information, you can refer to this link: https://docs.lvgl.io/8.3/widgets/core/dropdown.html

Properties

A dropdown has several properties to define its behavior and appearance.

  • Alignment: Used to set the alignment of the dropdown when it expands (down, left, right, up).
  • Add options: Used to add a list of options to the dropdown.
Dropdown Properties
Alignmentlv_dropdown_set_dir
Add optionslv_dropdown_set_options

Styles

The dropdown also has some styles to define its appearance and style.

  • MAIN: Used to set the style of the dropdown display area and text.
  • INDICATOR: Used to set the style of the arrow in the dropdown display area.
  • DROP_MAIN [Not supported]: Used to set the style of the dropdown body.
  • DROP_SELECTED [Not supported]: Used to set the style of the selected part of the dropdown.

Example

dropdown_1.png