# Plus minus

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

A component with a text field and +/- values, which can be used to change the value displayed in the text field.

<figure><img src="https://2112972046-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2CssJT0zIo4SJQLbSZ6l%2Fuploads%2FkTOmPetsh4vXQq2hL9nn%2Fobraz.png?alt=media&#x26;token=5b958c39-a97d-43b5-92ee-f863dd4be2a4" alt=""><figcaption></figcaption></figure>

✅ **When to use:**

* When you want to allow entering and preserving a value in the text field and adjusting it by a fixed step **with +/- buttons** (e.g. entering the value 350 with a fixed step of 100 allows values of 250, 350, 450, etc.)

:x: **When not to use:**

* When the process does not allow intermediate values (e.g. a specific number of loan installments), or when a visualization of limits is needed (e.g. when setting a loan amount, a slider with visible available limits will work better). **Use**: [Slider](https://docs.eximee.com/documentation/documentation-en/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/3-wartosci-i-skale/slider) / [Step Slider](https://docs.eximee.com/documentation/documentation-en/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/3-wartosci-i-skale/step-slider).

## Component properties <a href="#id-mbank-plusminuswlasciwosci-wlasciwoscikomponentu" id="id-mbank-plusminuswlasciwosci-wlasciwoscikomponentu"></a>

| Eximee Designer property                                                                                | Attribute name in the Source | Description                                                                                       |
| ------------------------------------------------------------------------------------------------------- | ---------------------------- | ------------------------------------------------------------------------------------------------- |
| <p><strong>Slider start value</strong><br>(section <strong>Basic properties</strong>)</p>               | startValue                   | Initial value of the text field (default empty).                                                  |
| <p><strong>Step, by which the value changes</strong><br>(section <strong>Basic properties</strong>)</p> | step                         | Step, by which the value can be set and changed by clicking the plus/minus buttons (default 100). |
| <p><strong>Minimum possible value</strong><br>(section <strong>Basic properties</strong>)</p>           | minValue                     | Minimum value that the component can take (default empty).                                        |
| <p><strong>Maximum possible value</strong><br>(section <strong>Basic properties</strong>)</p>           | maxValue                     | Maximum value that the component can take (default empty).                                        |
| <p><strong>Suffix</strong><br>(section <strong>Basic properties</strong>)</p>                           | suffix                       | Text to display in the suffix of the component's text field.                                      |

> 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)

![Figure 1. Example appearance of the component on the form](https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/V1wYRjnQFfgcUQd3aqdH/7_files/image2025-2-16_21-44-49.png)

{% hint style="info" %}
Demo application: demoPlusMinus
{% 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 %}