> For the complete documentation index, see [llms.txt](https://docs.acho.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.acho.io/app-builder/app-construction/elements/web-elements/button.md).

# Button

A button is a clickable element.

<figure><img src="https://3574406564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MB_fx7PCUqvFEdrucJC%2Fuploads%2FIrGizNF9L8Yobo1DNLyD%2Fimage.png?alt=media&amp;token=c30437cf-9226-460d-b775-5e970c3c4cc6" alt=""><figcaption></figcaption></figure>

## Properties

<figure><img src="https://3574406564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MB_fx7PCUqvFEdrucJC%2Fuploads%2FPCnLNwYHCTQ5rNHUc1dC%2Fimage.png?alt=media&amp;token=5a7641ad-9b61-4abe-8e6c-df183248284d" alt=""><figcaption></figcaption></figure>

**Button text:** Displayed text on the button.

**Button size:** Change the button size. Options include the default size, large, and small. If you'd like to further customize the size, see [Size](/app-builder/app-construction/elements/css-styles/size.md).

**Disabled:** When switched on, the button will not be clickable

See [Tooltip](/app-builder/app-construction/elements/tooltip.md) for tooltip configurations.

## Supported Events

**Click Button:** Triggered when a user clicks on the button.

## Supported Actions

**Set Data:** Change element data. See [Data Store](/app-builder/app-construction/data-store.md).

**Set Loading:** Set loading animation. See [Set loading animations](/app-builder/popular-use-cases/set-loading-animations.md).

{% hint style="info" %}
Visit [Interactions](/app-builder/app-construction/interactions.md) for more on events and actions.
{% endhint %}