> For the complete documentation index, see [llms.txt](https://modutheme.gitbook.io/helix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modutheme.gitbook.io/helix/theme-blocks/basic/button.md).

# Button

A single call-to-action link.

| Setting              | Description                                                                                                   |
| -------------------- | ------------------------------------------------------------------------------------------------------------- |
| Label                | Button text.                                                                                                  |
| Link                 | Destination URL.                                                                                              |
| Open link in new tab | Opens the link in a new browser tab.                                                                          |
| Style                | Primary, Secondary, Outline, Subtle, or Text.                                                                 |
| Show icon            | Display an icon alongside the label.                                                                          |
| Icon                 | Arrow, chevron, and social icon variants.                                                                     |
| Icon position        | Left or Right of the label.                                                                                   |
| Icon size            | Inherit, or Custom to set a specific size.                                                                    |
| Width                | **Fit**, **Fill**, or **Custom** — set separately for desktop and mobile.                                     |
| Height               | Inherit, Extra small → Extra large — set separately for desktop and mobile.                                   |
| Animation            | Entrance effect (Fade, Scale, Slide from left / right / bottom) played on scroll, with an optional **Delay**. |

***

{% hint style="info" icon="headset" %}
**Need help?**

Whether you have a question, run into an issue, or just need some guidance, our support team is here to help.

<a href="https://go.crisp.chat/chat/embed/?website_id=6c25581e-794a-41b4-8552-52f3de1dd1f7" class="button secondary" data-icon="comments">Chat with us</a> <a href="https://modutheme.ticksy.com" class="button primary" data-icon="ticket">Submit a ticket</a>
{% endhint %}