Pincode
An input used for entering numerical codes.
Importing
1
import { Pincode } from '@infinityfx/fluid';Usage
With annotation
API reference
Pincode Props
round?
boolean
false
size?
'xsm' | 'sml' | 'med' | 'lrg'
'med'
variant?
'default' | 'minimal'
'default'
format?
number[]
[1, 1, 1, 1]
An array of numbers indicating how many inputs to show. A single digit represents grouped inputs; multiple digits represent spaced-apart inputs.
masked?
boolean
Hides the entered pincode input.
value?
string
Controlled pincode value.
defaultValue?
string
Default pincode value for uncontrolled usage.
error?
any
Marks the pincode as invalid when truthy.
onChange?
(value: string) => void
disabled?
boolean
false