> For the complete documentation index, see [llms.txt](https://help.smallbuilder.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.smallbuilder.com/smallbuilder-documents/basic-examples/howto-separators.md).

# How to add separators between the components

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

1. Add the `Divider` component.

***

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

2. Move the `Divider` component to the desired location.

***

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

3. Go to the component settings and set the colour and line weight of the separator.