# Obszar tekstu - TextArea

Wielowierszowe pole wprowadzania tekstu.

![](https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/qUScg2fRv7m089kfIxAY/4_files/image2025-5-14_14-12-18.png)

✅ **Kiedy stosować:**

* Wprowadzane dane to kilka zdań lub dłuższy opis (np. opinia, uzasadnienie).

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

* Dane mieszczą się w jednej linii. **Stosuj**: [TextField](https://docs.eximee.com/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/1-wprowadzanie-danych-inputs/pole-tekstowe-textfield).

## Właściwości komponentu

| Właściwość Eximee Designer                                                       | Nazwa atrybutu w Źródle | Opis                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| -------------------------------------------------------------------------------- | ----------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Licznik znaków** (sekcja **Jakość danych**)                                    | characterCounter        | Jeżeli ustawione na "true", pod komponentem będzie wyświetlany licznik, ile znaków zostało wpisanych. Jeżeli dodatkowo pole ma ustawioną wartość w polu **Maksymalna liczba znaków**, pod komponentem pojawi się również informacja o możliwej maksymalnej liczbie znaków do wpisania. Pokazanie się błędów walidacji ukrywa licznik. Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach. |
| **Maksymalna liczba znaków**                                                     | maxLength               | Maksymalna liczba znaków możliwych do wpisania w polu                                                                                                                                                                                                                                                                                                                                                                                  |
| **Komunikat przekroczenia maksymalnej liczby znaków** (sekcja **Jakość danych**) | maxLengthWarning        | Komunikat wyświetlający się po przekroczeniu **Maksymalnej liczby znaków**                                                                                                                                                                                                                                                                                                                                                             |
| **Maksymalna liczba wierszy** (sekcja **Jakość danych**)                         | maxLines                | Maksymalna liczba wierszy                                                                                                                                                                                                                                                                                                                                                                                                              |
| **Minimalna liczba znaków** (sekcja **Jakość danych**)                           | minLength               | Minimalna liczba znaków                                                                                                                                                                                                                                                                                                                                                                                                                |
| **Formatowanie**                                                                 | formatter               | Nazwa formatera używanego dla pola. Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.                                                                                                                                                                                                                                                                                                   |
| **Formatowanie w czasie rzeczywistym**                                           | formatterRealTime       | Określa czy formatowanie ma następować po naciśnięciu przycisku na klawiaturze, czy dopiero po wyjściu z danego pola. Dostępność funkcjonalności zależy od licencji i może nie być dostępna we wszystkich wdrożeniach.                                                                                                                                                                                                                 |

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

<figure><img src="https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/db97CQ6rt4svF9FQ8Sqd/4_files/image2025-5-15_9-36-53.png" alt=""><figcaption><p><em><strong>Ilustracja 1.</strong> Wygląd komponentu na wniosku z określoną maksymalną i minimalną liczbą znaków.</em></p></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/2CssJT0zIo4SJQLbSZ6l/blobs/XCXcEUFumrgw3OfFZL56/4_files/image2025-5-15_9-37-42.png" alt=""><figcaption><p><em><strong>Ilustracja 2.</strong> Wygląd nieaktywnego komponentu na wniosku.</em></p></figcaption></figure>

{% hint style="info" %}
Wniosek demo: demoKomponentyTekstowe oraz demoTekstowe
{% endhint %}