The Button Widget properties panel contains settings that control the button's label, action type, visual style, and layout behavior.
General
| Property | Description |
|---|
| Caption | The text displayed on the button. |
| Name | Internal widget name. Used for identification and referencing the button in logic or scripts. |
| Button Type | Defines the action triggered when the button is clicked. See the Button Events page for the backend event fired by each type. |
| Visible | Controls whether the button is displayed. When unchecked, the button is hidden but remains configured. |
Appearance
| Property | Description |
|---|
| Variant | Sets the visual style of the button: Contained (filled with a background color), Outlined (border only), or Text (no border or background). |
| Color | Selects the color schema applied to the button from the project theme. |
| Background Color | Overrides the theme color with a custom background color. Applies only to the Contained variant. |
| Full Width | When enabled, the button expands to fill the full width of its container. |
| Font Size | Overrides the font size defined in the project theme. |
| Font Weight | Overrides the font weight defined in the project theme. |