- PasscodeInput(props): ReactNode
Parameters
props: {
caret?: boolean;
defaultValue?: string;
error?: boolean;
keyboard?: ReactElement<NumberKeyboardProps, string | JSXElementConstructor<any>>;
length?: number;
onBlur?: (() => void);
onChange?: ((val) => void);
onFill?: ((val) => void);
onFocus?: (() => void);
plain?: boolean;
seperated?: boolean;
value?: string;
} & {
className?: string;
style?: CSSProperties & Partial<Record<"--border-radius" | "--border-color" | "--cell-size" | "--dot-size" | "--cell-gap", string>>;
tabIndex?: number;
} & AriaAttributes & RefAttributes<PasscodeInputRef>
Returns ReactNode
Properties
Readonly $$typeof
$$typeof: symbol
Optional defaultProps
defaultProps?: Partial<{ caret?: boolean; defaultValue?: string; error?: boolean; keyboard?: ReactElement<NumberKeyboardProps, string | JSXElementConstructor<any>>; length?: number; onBlur?: (() => void); onChange?: ((val) => void); onFill?: ((val) => void); onFocus?: (() => void); plain?: boolean; seperated?: boolean; value?: string; } & { className?: string; style?: CSSProperties & Partial<Record<"--border-radius" | "--border-color" | "--cell-size" | "--dot-size" | "--cell-gap", string>>; tabIndex?: number; } & AriaAttributes & RefAttributes<PasscodeInputRef>> Optional displayName
displayName?: string
Optional propTypes
propTypes?: WeakValidationMap<{ caret?: boolean; defaultValue?: string; error?: boolean; keyboard?: ReactElement<NumberKeyboardProps, string | JSXElementConstructor<any>>; length?: number; onBlur?: (() => void); onChange?: ((val) => void); onFill?: ((val) => void); onFocus?: (() => void); plain?: boolean; seperated?: boolean; value?: string; } & { className?: string; style?: CSSProperties & Partial<Record<"--border-radius" | "--border-color" | "--cell-size" | "--dot-size" | "--cell-gap", string>>; tabIndex?: number; } & AriaAttributes & RefAttributes<PasscodeInputRef>>
Used in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.