Select
The Select element creates a dropdown menu that allows users to choose from multiple options. It supports enabling/disabling, custom text and styling, height adjustment, and spacing through margins. All options are stored in the Items array and displayed when the dropdown is interacted with.
| Field Name | Type | Default Value | Description |
|---|---|---|---|
| Name | String | {name} | Unique identifier for the select element. |
| Enable | Boolean | true | Enables or disables interaction with the select element. |
| Items | Array |
[] | Array of options available for selection. |
| Text | String | {text} | Label or placeholder text for the select element. |
| Text.Color | Color | {textColor} | Color of the label or placeholder text. |
| Text.Style | TextStyle | {textStyle} | Style of the text (e.g., bold, italic). |
| Text.Size | Number | 16 | Font size of the label text. |
| Size | Number | 0 | Height of the select element. |
| Margin | Number | 20 | Outer spacing around the select element. |
| MarginLine | Number | 10 | Vertical spacing relative to other elements. |
🔗 Additional Resources
To learn how to build this same element using JSON coding, visit:
Develop the Select with JSON