goobs-frontend
Version:
A comprehensive React-based libary for building modern web applications
36 lines • 1.49 kB
TypeScript
import { FC } from 'react';
import { ButtonProps } from '../Button';
import { ConfirmationCodeInputStyles } from './types';
export interface ConfirmationCodeInputsProps {
isValid: boolean;
codeLength?: number;
'aria-label'?: string;
'aria-required'?: boolean;
'aria-invalid'?: boolean;
onChange?: (value: string) => void;
value?: string;
/**
* Form-engine binding key. When inside a `<Form>` with no explicit `value`,
* `useFieldBinding` pulls the code value/onChange from the form engine;
* otherwise the caller's explicit value/onChange pass through unchanged.
*/
name?: string;
/** Stable test selector — emitted as `data-field-name`; defaults to `name`. */
dataFieldName?: string;
codeSent?: boolean;
onVerify?: () => void | Promise<void>;
onSendResend?: () => void | Promise<void>;
onDisableVerification: () => void | Promise<void>;
verifyButtonProps?: Partial<ButtonProps>;
sendResendButtonProps?: Partial<ButtonProps>;
disableVerificationButtonProps?: Partial<ButtonProps>;
showActionButtons?: boolean;
showSendResendButton?: boolean;
successMessage?: string;
showSuccessState?: boolean;
/** Comprehensive styling options including theme, custom colors, and layout properties. */
styles?: ConfirmationCodeInputStyles;
}
declare const ConfirmationCodeInputs: FC<ConfirmationCodeInputsProps>;
export default ConfirmationCodeInputs;
//# sourceMappingURL=index.d.ts.map