# Plus minus

{% hint style="info" %}
Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.
{% endhint %}

Komponent z polem tekstowym oraz wartościami +/-, przy pomocy których można zmieniać wartość wyświetlaną w polu tekstowym.

<figure><img src="https://1082717226-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>

✅ **Kiedy stosować:**

* Gdy chcesz pozwolić na wpisanie i zachowanie wartości w polu tekstowym i jej regulacji o ustalony krok **przyciskami +/-** (np. wpisanie wartości 350 przy ustalonym kroku 100 pozwala ustawić wartości 250, 350, 450 itd.)

:x: **Kiedy nie stosować:**

* Gdy proces nie pozwala na stosowanie wartości pośrednich (np. konkretna ilość rat kredytu), lub gdy potrzebna jest wizualizacja limitów (np. w przypadku ustalania kwoty kredytu lepiej sprawdzi się suwak z widocznymi dostępnymi limitami). **Stosuj**: [Slider](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/3-wartosci-i-skale/slider) / [Step Slider](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/3-wartosci-i-skale/step-slider).

## Właściwości komponentu <a href="#id-mbank-plusminuswlasciwosci-wlasciwoscikomponentu" id="id-mbank-plusminuswlasciwosci-wlasciwoscikomponentu"></a>

| Właściwość Eximee Designer                                                                                    | Nazwa atrybutu w Źródle | Opis                                                                                      |
| ------------------------------------------------------------------------------------------------------------- | ----------------------- | ----------------------------------------------------------------------------------------- |
| <p><strong>Wartość startowa suwaka</strong><br>(sekcja <strong>Podstawowe właściwości</strong>)</p>           | startValue              | Wartość startowa pola tekstowego (domyślnie pusta).                                       |
| <p><strong>Krok, co jaki wartość się zmienia</strong><br>(sekcja <strong>Podstawowe właściwości</strong>)</p> | step                    | Krok, co jaki można ustawić wartość zmienianą po kliknięciu plusa/minusa (domyślnie 100). |
| <p><strong>Minimalna możliwa wartość</strong><br>(sekcja <strong>Podstawowe właściwości</strong>)</p>         | minValue                | Wartość minimalna, jaką może przyjąć komponent (domyślnie pusta).                         |
| <p><strong>Maksymalna możliwa wartość</strong><br>(sekcja <strong>Podstawowe właściwości</strong>)</p>        | maxValue                | Wartość maksymalna, jaką może przyjąć komponent (domyślnie pusta).                        |
| <p><strong>Sufiks</strong><br>(sekcja <strong>Podstawowe właściwości</strong>)</p>                            | suffix                  | Tekst do wyświetlenia w sufiksie pola tekstowego komponentu.                              |

> Więcej informacji o właściwościach komponentu: [Wspólne właściwości komponentów](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/praca-z-komponentami-bazowymi/wspolne-wlasciwosci-komponentow)

![Ilustracja 1. Przykładowy wygląd komponentu na formularzu](https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/V1wYRjnQFfgcUQd3aqdH/7_files/image2025-2-16_21-44-49.png)

{% hint style="info" %}
Wniosek demo: demoPlusMinus
{% endhint %}

{% hint style="info" %}
♿WCAG: [Dobre praktyki WCAG dla low-code dev](https://docs.eximee.com/budowanie-aplikacji/proces-biznesowy/tworzenie-procesu-biznesowego-w-bpmn-2.0/dobre-praktyki)
{% endhint %}