> 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-settings/buttons-and-inputs.md).
# Buttons and inputs
Sets the size and style of buttons and input fields — the interactive controls shoppers use everywhere, from add to cart to search and forms.
***
## Height
Button and input height, set independently for desktop and mobile — **Extra small** through **Extra large** (default **Large**). Taller controls are easier to tap and feel more prominent; shorter ones make for a denser layout.
{% hint style="info" %}
Keep mobile controls comfortable to tap. WCAG recommends a touch target of at least 44×44px, which the **Large** default meets on most devices.
{% endhint %}
***
## Buttons
| Setting | Description |
| ----------------- | ----------------------------------------------------------------------------------- |
| Outline thickness | Border width of outline-style buttons (1–5px). |
| Icon size | Size of the icon in icon-only buttons, such as the cart and search icons (12–30px). |
***
## Inputs
| Setting | Description |
| ----------------- | --------------------------------------------------------------------------------- |
| Input style | **Solid** — a filled background. **Outline** — transparent with a visible border. |
| Outline thickness | Border width of inputs — shown only when Input style is **Outline** (1–5px). |
***
{% 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.
Chat with us Submit a ticket
{% endhint %}