- Name: The name refers to the identifier or reference assigned to the toggle element.
- Label: The label is the text or content displayed above or alongside the toggle element.
- Show Label: This option allows you to control the visibility of the label.
- Disable: This option allows you to disable or make the toggle element inactive, preventing users from interacting with it.
- Value: The value represents the current state (on or off) of the toggle element.
- Style: This option allows you to choose the style of the toggle, such as a switch or button.
- Size: You can choose the size of the toggle element, such as small, medium, large, etc.
- Enable Icon: This option enables or disables the use of an icon for the toggle.
- Text: This option allows you to specify the text associated with the toggle element.
- Show Text: This option allows you to control the visibility of the text associated with the toggle 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.