- Name: The name refers to the identifier or reference assigned to the tags element.
- Label: The label is the text or content displayed above or alongside the tags element.
- Value: The value represents the current tags entered in the tags element.
- Size: You can choose the size of the tags element, such as small, medium, large, etc.
- Tag Style: This option allows you to choose the style or appearance of the tags, such as rounded, squared, outlined, etc.
- Icon: This option enables you to add an icon or symbol to the tags element.
- Avatar Thumbnail Image: This option allows you to add a thumbnail image as an avatar for the tags.
- Show/Hide Avatar: This option allows you to control the visibility of the avatar thumbnail image.
- Type: This option allows you to specify the type or category of the tags.
- Show/Hide Icon: This option allows you to control the visibility of the icon in the tags 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.