- Name: The name refers to the identifier or reference assigned to the dropdown element.
- Label: The label is the text or content displayed above the dropdown element.
- Show Label: This option allows you to control the visibility of the label.
- Disable: This option allows you to disable or make the dropdown element inactive, preventing users from interacting with it.
- Value: The value represents the current selected value(s) in the dropdown.
- Selected Values: This option allows you to set pre-selected values in the dropdown.
- Placeholder: This option allows you to set a placeholder text that appears in the dropdown when no value is selected.
- Select Value: This option allows you to determine the default selected value when the dropdown loads.
- Type: The type property (e.g., Primary) specifies the styling type of the dropdown.
- Size: You can choose the size of the dropdown, such as small, medium, large, etc.
- Searchable: This option enables or disables the ability to search and filter options in the dropdown.
- Multi-select: This option allows users to select multiple values from the dropdown.
- Mandatory: This option indicates whether the dropdown element is mandatory, requiring users to make a selection.
- Width: The width option allows you to specify the dimensions or size of the dropdown element.
- Padding: The space between the content of the UI element and its border.
- Margin: The space between the UI element and the surrounding elements, such as the edge of the screen or another UI element.
- Color: The color of the UI element's content, such as text or icons.
- Background color: The color of the UI element's background.
- Border: The line that surrounds the UI element, separating it from other elements.
- Border thickness: The width of the border line.
- Border radius: The degree of rounding of the corners of the border line.
- Type Settings: The specific settings that are available for each UI element type, such font family, font weight, or font size.
Click the + button to add conditions.