- Name: The name refers to the identifier or reference assigned to the button.
- Label: The label is the text or content displayed on the button. It represents the visible text that users see on the button.
- Disable:This option allows you to disable or make the button inactive, preventing users from clicking or interacting with it.
- Type:You can define the to the level of visual emphasis that each button is given. You can choose small, medium, large, or extralarge options from the drop-down.
- Style:This option allows you to determine the styling of a button, such as having the icon positioned on the left or right of the label (e.g., Icon Left Label).
- Variation:The variation option allows you to choose from different variations or styles for the button, such as semi rounded, pill or circle.
- Size: The size option allows you to specify the dimensions or size of the button. Common sizes include small, medium, huge and large.
- Icon: This option enables you to add an icon or symbol to the button.
- Width/Height: This option enables you to add width or height of the button.
- Icon Color: This option allows you to customize the color of the icon displayed on the button.
- 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.