Pro Inputs
Specialized input primitives: OTP verification pins, tag editors, and currency inputs.
On This Page
Specialized input primitives: OTP verification pins, tag editors, and currency inputs.
Specialized input primitives for high-precision data entry: OTP verification pins, tag tokenizers, formatted currency fields, and auto-expanding textareas.
npx nexoreui add pro-inputsSegmented security pin input with automatic focus advancement across digits.
| Prop | Type | Default | Description |
|---|---|---|---|
| length | number | 6 | Number of numeric pin segments. |
| onChange | (val: string) => void | — | Callback triggered on each digit input change. |
| className | string | — | Optional container class name. |
Tokenizing input that converts typed enter keys into removable pill tags.
| Prop | Type | Default | Description |
|---|---|---|---|
| placeholder | string | 'Add tag...' | Placeholder string for tag input field. |
| className | string | — | Container CSS classes. |
Numerical input field with currency symbol prefix.
| Prop | Type | Default | Description |
|---|---|---|---|
| currency | string | '$' | Currency symbol prefix rendered inside the input. |
Smooth multi-line textarea that dynamically expands its height to fit content without scrollbars.
Visual swatch picker with native color selection and synchronized state.
Accent Color
#18181b
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string | '#8b5cf6' | Initial hexadecimal color value. |
| onChange | (color: string) => void | — | Callback when color is modified. |
| label | string | — | Optional descriptive label. |