# Buttons

Displays up to two customizable buttons linking to different pages or actions.

<figure><img src="https://891064830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz8oqtXqtdhOM4CxRzekr%2Fuploads%2FnPuOsJ3TT03VhauqCMAK%2Fbuttons-block.gif?alt=media&#x26;token=cfd1ed60-c126-40a7-9fab-064f491f0e8b" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="264.6630859375">Settings</th><th width="137.779296875" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Stack buttons on larger screens</td><td align="center"><code>checkbox</code></td><td>Stacks buttons vertically on large screens.</td></tr><tr><td><strong>Button 1</strong></td><td align="center"></td><td></td></tr><tr><td>Text</td><td align="center"><code>text</code></td><td>Label for button 1.</td></tr><tr><td>Link</td><td align="center"><code>url</code></td><td>URL destination for button 1.</td></tr><tr><td>Button color</td><td align="center"><code>select</code></td><td>Choose from predefined color styles.</td></tr><tr><td>Button style</td><td align="center"><code>select</code></td><td>Choose from <code>Solid</code>, <code>Outline</code>, <code>Soft</code>, <code>Text</code>, and etc.</td></tr><tr><td>Size</td><td align="center"><code>select</code></td><td>Choose size from <code>Small</code>, <code>Medium</code>, or <code>Large</code>.</td></tr><tr><td><strong>Button 2</strong></td><td align="center"></td><td></td></tr><tr><td>Text</td><td align="center"><code>text</code></td><td>Label for optional second button.</td></tr><tr><td>Link</td><td align="center"><code>url</code></td><td>URL destination for button 2.</td></tr><tr><td>Second button color</td><td align="center"><code>select</code></td><td>Color styling for second button.</td></tr><tr><td>Second button style</td><td align="center"><code>select</code></td><td>Visual style for second button.</td></tr><tr><td>Second button size</td><td align="center"><code>select</code></td><td>Size for second button.</td></tr></tbody></table>
