analytica-frontend-lib/dist/Input/index.d.ts

Repositório público dos componentes utilizados nas plataformas da Analytica Ensino

import * as react from 'react';
import { ReactNode, InputHTMLAttributes } from 'react';

declare const Input: react.ForwardRefExoticComponent<{
    /** Label text displayed above the input */
    label?: string;
    /** Helper text displayed below the input */
    helperText?: string;
    /** Error message displayed below the input */
    errorMessage?: string;
    /** Size of the input */
    size?: "small" | "medium" | "large" | "extra-large";
    /** Visual variant of the input */
    variant?: "outlined" | "underlined" | "rounded";
    /** Current state of the input */
    state?: "default" | "error" | "disabled" | "read-only";
    /** Icon to display on the left side of the input */
    iconLeft?: ReactNode;
    /** Icon to display on the right side of the input */
    iconRight?: ReactNode;
    /** Additional CSS classes to apply to the input */
    className?: string;
    /** Additional CSS classes to apply to the container */
    containerClassName?: string;
} & Omit<InputHTMLAttributes<HTMLInputElement>, "size"> & react.RefAttributes<HTMLInputElement>>;

export { Input as default };