# Section - dynamic section titles

For components *Section* and *Checkbox group* it is possible to define dynamic section titles.

<figure><img src="https://2112972046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2FYdYdVfoUvo0vkMB7qCDa%2FZrzut%20ekranu%20z%202020-07-07%2016-19-14(1).png?alt=media&#x26;token=be0f2bf4-f000-4111-9823-5201a18239f9" alt=""><figcaption><p><em><strong>Illustration 1.</strong> Appearance of the property that allows access to the dynamic section titles window</em></p></figcaption></figure>

## Adding a new dynamic title <a href="#dodawanie-nowego-dynamicznego-tytulu" id="dodawanie-nowego-dynamicznego-tytulu"></a>

After selecting the property, a window (drawer) opens that allows you to manage dynamic section titles.

<figure><img src="https://2112972046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2F2KjME915cfBfLBbrbrzc%2FZrzut%20ekranu%20z%202020-07-07%2016-19-47.png?alt=media&#x26;token=254d422b-6908-43a4-b481-96ea28aaec8d" alt="" width="563"><figcaption><p align="center"><em><strong>Figure 2.</strong> Appearance of the drawer window with no dynamic section titles added</em></p></figcaption></figure>

Clicking the button **Add dynamic section title** adds a row to the drawer — it represents a new title to be configured. If the component does not have any dynamic section titles added, the contents of the drawer look as follows:

<figure><img src="https://2112972046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2FVyDy5LlWiyPOTDCTyvtF%2FZrzut%20ekranu%20z%202020-07-07%2016-20-35.png?alt=media&#x26;token=00660a59-4240-4af2-b521-755c25618fd1" alt=""><figcaption><p align="center"><em><strong>Figure 3.</strong> Appearance of a newly added and unconfigured dynamic section title</em></p></figcaption></figure>

## Dynamic title configuration

In the view of the newly added row, the following properties can be defined:

* **Title key** — a key from the tab **Translations**; after entering an existing key in the column **Preview** the corresponding value will be filled in.
* **Condition** — the condition for the title to appear.
* **Style name** — the name of the style to be applied to the contextual help.

## Order and sorting

Multiple elements can be added in the drawer of the dynamic section titles window. They are considered in order from top to bottom. Each row has a handle on the left side (6 dots), which allows you to grab the row and move it to the desired position to set the order of the list.