- Name: The name refers to the identifier or reference assigned to the icon element.
- Label: The label is the text or content displayed above or alongside the icon element.
- Icon: This option enables you to select an icon for the icon element.
- Size: You can choose the size of the icon, such as small, medium, large, etc.
- Alt Name (Icon Name): This option allows you to provide an alternate name or description for the icon, which can be used for accessibility purposes.
- Icon Color: This option allows you to customize the color of the icon.
- Background Color: This option allows you to customize the background color of the icon 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.