Plus minus

Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.

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

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

❌ 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 / Step Slider.

Właściwości komponentu

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

Więcej informacji o właściwościach komponentu: Wspólne właściwości komponentów

Ilustracja 1. Przykładowy wygląd komponentu na formularzu

Wniosek demo: demoPlusMinus

♿WCAG: Dobre praktyki WCAG dla low-code dev