# Button

Adds up to two customizable buttons with text, link, color, style, and size options.

<figure><img src="https://891064830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz8oqtXqtdhOM4CxRzekr%2Fuploads%2Fqdu9PTBKroGMU3ATs3UN%2Fbutton-block.jpg?alt=media&#x26;token=a3c7805a-c8ab-4e3d-98cd-cac9c73b5db6" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="114.44708251953125">Settings</th><th width="109.69793701171875" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Text</td><td align="center"><code>text</code></td><td>Button label text.</td></tr><tr><td>URL</td><td align="center"><code>url</code></td><td>Link the button redirects to.</td></tr><tr><td>Color</td><td align="center"><code>select</code></td><td>Button color: <code>Primary</code>, <code>Secondary</code>, <code>White</code>, or <code>Black</code>.</td></tr><tr><td>Button style</td><td align="center"><code>select</code></td><td>Visual style of button: <code>Solid</code>, <code>Outline</code>, <code>Soft</code>, <code>Text</code>, or <code>Solid with border</code>.</td></tr><tr><td>Size</td><td align="center"><code>select</code></td><td>Button size: <code>Small</code>, <code>Medium</code>, or <code>Large</code>.</td></tr></tbody></table>