# Divider

The Divider block helps visually separate sections inside the mobile menu using a clean horizontal line.

<figure><img src="https://891064830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz8oqtXqtdhOM4CxRzekr%2Fuploads%2F3aFX9kNm422uDVYY6sGz%2Fdivider-block.jpg?alt=media&#x26;token=32da7629-18e7-43dd-b841-e7a4acaf4a56" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="144.2039794921875">Settings</th><th width="141.525146484375" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Show line</td><td align="center"><code>checkbox</code></td><td>Toggle to show or hide the horizontal divider line.</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>Fix the divider to the bottom of the mobile menu.</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>Adds spacing beneath the divider.</td></tr></tbody></table>