@snowball-tech/fractal
Version:
Fractal's (Snowball's design system) React component library based on RadixUI and TailwindCSS
35 lines (34 loc) • 1.51 kB
TypeScript
import { t as InputTextProps } from "./InputText.types-BVS5Vx13.js";
import { ChangeEvent, ClipboardEvent, FocusEvent, KeyboardEvent, ReactNode } from "react";
//#region src/components/InputPinCode/InputPinCode.types.d.ts
interface InputPinCodeProps extends Omit<InputTextProps, 'button' | 'fullWidth' | 'onBlur' | 'onButtonClick' | 'onFocus' | 'onKeyDown' | 'placeholder' | 'prefix' | 'suffix' | 'type' | 'withButton'> {
autoFocus?: boolean;
defaultValue?: string;
description?: ReactNode;
disabled?: boolean;
error?: Error | ReactNode;
id?: string;
label?: ReactNode;
labelElement?: keyof HTMLElementTagNameMap;
length?: number;
name?: string;
placeholders?: string | Array<string>;
readOnly?: boolean;
required?: boolean;
split?: boolean | 'auto';
splitAt?: number;
success?: ReactNode;
value?: string;
wrapper?: Partial<{
className: string;
}>;
onBlur?: (event: FocusEvent<HTMLInputElement>, index: number) => void;
onChange?: (event: ChangeEvent<HTMLInputElement> | ClipboardEvent<HTMLInputElement>, newCode: string) => void;
onComplete?: (newCode: string) => void;
onFieldChange?: (event: ChangeEvent<HTMLInputElement> | ClipboardEvent<HTMLInputElement>, index: number, newDigit: string) => void;
onFocus?: (event: FocusEvent<HTMLInputElement>, index: number) => void;
onKeyDown?: (event: KeyboardEvent<HTMLInputElement>, index: number) => void;
}
//#endregion
export { InputPinCodeProps as t };
//# sourceMappingURL=InputPinCode.types-B4TGu4jq.d.ts.map