# Section with checkbox - CheckboxSection

{% hint style="info" %}
The availability of functionality depends on the license and may not be available in all deployments.
{% endhint %}

This component, like Section, allows grouping other components while simultaneously displaying a checkbox in the header.

![](https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/KzsorC8dB8W35RlKMcw8/20s_files/image2025-5-14_14-25-16.png)

## Component properties

| Eximee Designer property                                  | Attribute name in the Source | Description                                                                                                                                                                                                                                                        |
| --------------------------------------------------------- | ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Checked button value** (section **Basic properties**)   | valueYes                     | The value the checkbox takes when checked - by default, if no other value is set, the value "true" is returned.                                                                                                                                                    |
| **Unchecked button value** (section **Basic properties**) | valueNo                      | The value the checkbox takes when unchecked - by default, if no other value is set, the value "false" is returned.                                                                                                                                                 |
| **Section title** (section **Basic properties**)          | title                        | Content that is displayed next to the checkbox. You can use wiki markup here and refer to variables *${variable}.*                                                                                                                                                 |
| **Dynamic section titles** (section **Other**)            | sectionDynamicTitles         | Allows providing dynamic content next to the section checkbox that depends on conditions. The first title in order whose condition is met will be displayed. If none of the conditions are met, the title provided in the property is displayed **Section title**. |
| **Button selection** (section **Other**)                  | checked                      | A value indicating whether the checkbox is checked by default.                                                                                                                                                                                                     |

> More information about component properties: [Common component properties](https://docs.eximee.com/documentation/documentation-en/budowanie-aplikacji/interfejs-uzytkownika/formularze/praca-z-komponentami-bazowymi/wspolne-wlasciwosci-komponentow)

![Illustration 1. Example appearance of the component on the application](https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/FyupNcDcmUQpRmpMGo9z/20s_files/image2023-4-7_8-21-2.png)

{% hint style="info" %}
Demo application: demoCheckboxSection
{% endhint %}

{% hint style="info" %}
&#x20;♿WCAG: [WCAG best practices for low-code dev](https://docs.eximee.com/documentation/documentation-en/budowanie-aplikacji/proces-biznesowy/tworzenie-procesu-biznesowego-w-bpmn-2.0/dobre-praktyki)
{% endhint %}
