# New divider element for building custom sections

#### What's new

You can now add a divider line to content and design settings for your custom section. This is purely cosmetic change visible in the Editor, it doesn't affect how sections are displayed on the storefront.

#### Changes in API

New element available for `content.ts` and `design.ts` files: `DIVIDER`

It allows you to visually split settings in the Editor. As the settings order is specified in the content/design files, the divider must also be specifically put between the elements you want to split.

#### Documentation links

{% content-ref url="<https://app.gitbook.com/s/kP7oeJaJ4GqXzYswT5rn/develop-site-themes/deep-dive-into-theme-project-structure/content.ts>" %}
[content.ts](https://app.gitbook.com/s/kP7oeJaJ4GqXzYswT5rn/develop-site-themes/deep-dive-into-theme-project-structure/content.ts)
{% endcontent-ref %}

{% content-ref url="<https://app.gitbook.com/s/kP7oeJaJ4GqXzYswT5rn/develop-site-themes/deep-dive-into-theme-project-structure/design.ts>" %}
[design.ts](https://app.gitbook.com/s/kP7oeJaJ4GqXzYswT5rn/develop-site-themes/deep-dive-into-theme-project-structure/design.ts)
{% endcontent-ref %}