# Button

The **Button** is a clickable element used to trigger [actions](https://help.vectary.com/documentation/3d-configurator/interactions/actions).

Text on the button can be dynamic, utilizing **variables** and **expressions** to display changing content - [variables-and-expressions](https://help.vectary.com/documentation/3d-configurator/variables-and-expressions "mention")

#### Layout

* **W** — Defines the width of the Button element.
* **H** — Defines the height of the Button element.<br>
* **Fixed** — Sets a fixed size in pixels.
* **Fill** — Adjusts the size based on the parent element (**Floating UI** or **Container**).<br>
* **Padding** — Sets vertical and horizontal padding within the Button.
* **Corner radius** — Defines the rounding radius of the Button.<br>

#### Fill

* **Default color** — Sets the button's color. If disabled, the Button will be transparent.
* **Hover color** — Changes the button color on hover.<br>

#### Stroke

* **Thickness** — Defines the stroke thickness of the Button.
* **Default color** — Sets the default stroke color (if disabled, the stroke will be transparent).
* **Hover color** — Changes the stroke color on hover.