Input OTP
A one-time password input with individual character slots.
Generado a partir del código fuente público del paquete.
API
Groupcomponente
Group(props: InputOTPGroupProps): Element
Propiedades
class?stringstyle?string | CSSProperties
hijos: Element
InputOTPGroupPropsinterfaz
Propiedades
class?stringstyle?string | CSSProperties
hijos: Element
InputOTPRootPropsinterfaz
Propiedades
class?stringdefaultValue?string— Default value (uncontrolled).disabled?boolean— Whether the input is disabled.maxLengthnumber— Total number of characters.onComplete?(value: string) => void— Called when all slots are filled.onValueChange?(value: string) => void— Called when value changes.pattern?string— Regex pattern for allowed characters (e.g. "^[0-9]*$").style?string | CSSPropertiesvalue?Accessor<string | undefined>— Controlled value.
hijos: Element
InputOTPSlotPropsinterfaz
Propiedades
class?stringindexnumber— Zero-based index of this slot.style?string | CSSProperties
Rootcomponente
Root(props: InputOTPRootProps): Element
Propiedades
class?stringdefaultValue?string— Default value (uncontrolled).disabled?boolean— Whether the input is disabled.maxLengthnumber— Total number of characters.onComplete?(value: string) => void— Called when all slots are filled.onValueChange?(value: string) => void— Called when value changes.pattern?string— Regex pattern for allowed characters (e.g. "^[0-9]*$").style?string | CSSPropertiesvalue?Accessor<string | undefined>— Controlled value.
hijos: Element
Slotcomponente
Slot(props: InputOTPSlotProps): Element
Propiedades
class?stringindexnumber— Zero-based index of this slot.style?string | CSSProperties