@neuctra/ui/dist/types/components/basic/PinInput.d.ts

A modern, responsive, customizable React UI component library powered by Tailwind CSS and Vite.

import { default as React } from 'react';
export interface PinInputProps {
    /** Number of character boxes. */
    length?: number;
    value?: string;
    defaultValue?: string;
    onChange?: (value: string) => void;
    /** Fired once every box is filled. */
    onComplete?: (value: string) => void;
    /** Restrict accepted characters. */
    type?: "numeric" | "alphanumeric";
    /** Render dots instead of the typed characters. */
    mask?: boolean;
    size?: "sm" | "md" | "lg";
    disabled?: boolean;
    error?: boolean;
    autoFocus?: boolean;
    label?: string;
    id?: string;
    className?: string;
    /** Applied to each individual character box, in addition to the size/state styling. */
    boxClassName?: string;
}
export declare const PinInput: React.ForwardRefExoticComponent<PinInputProps & React.RefAttributes<HTMLDivElement>>;