# PIN component - PinField
{% hint style="info" %}
Availability of the functionality depends on the license and may not be available in all deployments.
{% endhint %}
A component used to enter a PIN code. It currently supports 4- or 6-digit codes. The number of digits in the component depends on the implementation. The component value is sent after the entire PIN has been entered; validation also takes place then.
✅ **When to use:**
* When data must be entered with a strictly defined number of characters (e.g. a 4-digit login PIN code or a 6-digit SMS authorization code).
* When, for security reasons, you want to mask the entered characters (the component allows digits to be masked with dots).
:x: When not to use:
When the length of the entered string is variable (e.g. an account password with a length from 8 to 20 characters). **Use**: [TextField](https://docs.eximee.com/documentation/documentation-en/budowanie-aplikacji/interfejs-uzytkownika/formularze/biblioteka-komponentow-bazowych/1-wprowadzanie-danych-inputs/pole-tekstowe-textfield).
## Component properties
| Property | Description |
| --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **ARIA label** (section **WCAG**) | Property corresponding to comma-separated attributes `aria-label` of the individual inputs that make up the PIN component. By default, "1,2,3,4,5,6". To make a screen reader user aware that they are in a PIN control, it may be necessary to modify this value, e.g. to "pin control 1,pin control 2,...". |
| **Character masking in the field** (section **Security**) | Selecting the "Mask characters in the field" option in the component properties (Security section) causes the entered characters to be replaced with dots in the field view. |
> 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)
## Component appearance
Figure 1. The appearance of the component on the form.
Figure 2. The appearance of the component for a 4-digit code.
Figure 3. The appearance of the component with character masking.
{% hint style="info" %}
Demo application: demoPin
{% endhint %}
