@dossierhq/design/lib/components/Input/Input.d.ts

The design system for Dossier.

import type { ChangeEventHandler, JSX, KeyboardEventHandler, MouseEventHandler } from 'react';
import { type Color } from '../../config/Colors.js';
import { type TextStyle } from '../../utils/TextStylePropsUtils.js';
import { type IconName } from '../Icon/Icon.js';
interface InputProps {
    className?: string;
    color?: Color;
    iconLeft?: IconName;
    placeholder?: string;
    readOnly?: boolean;
    textStyle?: TextStyle;
    type?: 'text' | 'number';
    min?: number;
    max?: number;
    step?: number | 'any';
    value?: string | number;
    onChange?: ChangeEventHandler<HTMLInputElement>;
    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
    onClick?: MouseEventHandler<HTMLInputElement>;
}
export declare function Input({ className, color, iconLeft, placeholder, type, readOnly, textStyle, min, max, step, value, onChange, onKeyDown, onClick, }: InputProps): JSX.Element;
export {};