> For the complete documentation index, see [llms.txt](https://trans-organization-12.gitbook.io/fastui/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://trans-organization-12.gitbook.io/fastui/component/button.md).

# Button

Our Button component is a versatile UI element designed for adaptability with a range of customizable properties. Whether utilized for form submissions, triggering actions, or serving as navigational

### Examples <a href="#examples" id="examples"></a>

#### Basic Usage

{% code lineNumbers="true" %}

```javascript
<Widget src"marketplacebos.near/widget/Button.ButtonP.Button0001" 
props={{text:"Hello Git Book",fontsize: "2em", padding: "0.6em 2em"}} />
```

{% endcode %}

<figure><img src="https://1268479391-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fb9BcHyhimNDDjv22C5Bx%2Fuploads%2FTejhMRMWXgp9Eyp48uLE%2Fimage.png?alt=media&amp;token=3e400f0d-0d04-4dc8-8384-947b7d95e0f1" alt=""><figcaption></figcaption></figure>

### Props <a href="#props" id="props"></a>

The Button component accepts the following props:

<mark style="color:red;">text: change the content button</mark>

<mark style="color:red;">fontsize: change the size button</mark>

<mark style="color:red;">padding: change the space button</mark>