antd/lib/input/OTP/index.d.ts

An enterprise-class UI design language and React components implementation

import * as React from 'react';
import type { GenerateSemantic } from '../../_util/hooks/useMergeSemantic/semanticType';
import type { InputStatus } from '../../_util/statusUtils';
import type { Variant } from '../../config-provider';
import type { SizeType } from '../../config-provider/SizeContext';
export type OTPSemanticType = {
    classNames?: {
        root?: string;
        input?: string;
        separator?: string;
    };
    styles?: {
        root?: React.CSSProperties;
        input?: React.CSSProperties;
        separator?: React.CSSProperties;
    };
};
export type OTPSemanticAllType = GenerateSemantic<OTPSemanticType, OTPProps>;
export interface OTPRef {
    focus: VoidFunction;
    blur: VoidFunction;
    nativeElement: HTMLDivElement;
}
export interface OTPProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onInput'> {
    prefixCls?: string;
    length?: number;
    variant?: Variant;
    rootClassName?: string;
    className?: string;
    style?: React.CSSProperties;
    size?: SizeType;
    defaultValue?: string;
    value?: string;
    onChange?: (value: string) => void;
    formatter?: (value: string) => string;
    separator?: ((index: number) => React.ReactNode) | React.ReactNode;
    disabled?: boolean;
    status?: InputStatus;
    mask?: boolean | string;
    type?: React.HTMLInputTypeAttribute;
    autoComplete?: string;
    onInput?: (value: string[]) => void;
    classNames?: OTPSemanticAllType['classNamesAndFn'];
    styles?: OTPSemanticAllType['stylesAndFn'];
}
declare const OTP: React.ForwardRefExoticComponent<OTPProps & React.RefAttributes<OTPRef>>;
export default OTP;