Integer
Integer fields collect numeric input such as verification codes, IDs, or counters. This element enforces digit-only input, supports validation, placeholder labels, and optional min/max rules.
Properties
| Property | Value | Description |
|---|---|---|
| Type | Integer | UI component type |
| Group | Field | Belongs to the "Field" group in UI catalog |
| Identifier | 27 | Unique element ID |
| Preview | ✓ | See image preview above |
| Value | Y | Accepts user-entered numbers |
| Mandatory | Y | Requires input before form submission |
| Error | Y | Displays validation error messages |
| Min | Y | Supports minimum value constraints |
| Max | Y | Supports maximum value constraints |
| Read-only | Y | Can display locked numeric fields |
| Text, Icon | Y | Includes label or inline icon |
| Event | Y | Triggers change or validation events |
| Shade | Y | Uses shaded input background style |
| List | Not a list container | |
| Children | No nested elements |
Usage Example
<Input type="number" label="Verification code" minLength={6} maxLength={6} required />
SDK Integration
The MFA Verification screen uses this element. It links to the SDK method:
Method: /account/authentication
Enables multi-factor authentication. Users enter a 6-digit code from their authenticator app to complete setup.
Example UI Placement
| Level | ID | Type | Value | Description |
|---|---|---|---|---|
1 | mfa | Integer | Verification code | Input for the MFA 6-digit code |
Notes
- Enforces numeric-only input format.
- Typically used for verification, PINs, or counters.
- Input length and range must match expected policy (e.g., 6-digit code).