> For the complete documentation index, see [llms.txt](https://palo-alto.presidiocreative.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://palo-alto.presidiocreative.com/header/mobile-menu/blocks/button.md).

# Button

Adds a customizable button to the mobile menu, great for highlighting key links like 'Shop All' or Contact.' You can change its text, color, style, and pin it to the bottom.

<figure><img src="/files/LYHV283GYBaxFMFBJ35l" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="152.56768798828125">Settings</th><th width="110.78900146484375" 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>Link</td><td align="center"><code>url</code></td><td>Destination URL. </td></tr><tr><td>Button color</td><td align="center"><code>select</code></td><td>Choose button color: <code>Primary</code>, <code>Secondary</code>, <code>Black</code>, or <code>White</code>.</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>, 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><tr><td><strong>Layout</strong></td><td align="center"></td><td></td></tr><tr><td>Pin to bottom</td><td align="center"><code>checkbox</code></td><td>Pin button to the bottom.</td></tr><tr><td><strong>Block spacing</strong></td><td align="center"></td><td></td></tr><tr><td>Padding bottom</td><td align="center"><code>range</code></td><td>Bottom padding.</td></tr></tbody></table>