# 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 Source | Description                                                                                                                                                                                                                                                      |
| --------------------------------------------------------- | ------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Checked button value** (section **Basic properties**)   | valueYes                 | The value the checkbox takes when it is 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 it is unchecked - by default, if no other value is set, the value "false" is returned.                                                                                                                                         |
| **Section title** (section **Basic properties**)          | title                    | Content displayed next to the checkbox. Wikimarkup can be used here and variables can be referenced *${variable}.*                                                                                                                                               |
| **Dynamic section titles** (section **Other**)            | sectionDynamicTitles     | Allows specifying dynamic content for 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 specified in the property is displayed **Section title**. |
| **Radio button selection** (section **Other**)            | checked                  | A value indicating whether the checkbox is selected by default.                                                                                                                                                                                                  |

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

![Figure 1. Example appearance of the component in 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" %}
♿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 %}