---
description: >-
  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
---

# Button

### 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&#x26;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>
