summit-kit
Version:
A React component library for building modern web applications with with an earthy and outdoorsy flair.
29 lines (28 loc) • 1.23 kB
TypeScript
import { ClassesProps } from '../Types/general.ts';
type InputProps = ClassesProps & {
type: "text" | "password" | "email" | "number" | "tel" | "url" | "search" | "date" | "time" | "datetime-local" | "month" | "week";
label: string;
id: string;
valueMissing?: string;
typeMismatch?: string;
required?: boolean;
disabled?: boolean;
};
/**
* Renders a styled text input field with an associated label.
*
* @remarks
* This component supports additional CSS classes, disabled and required states, and custom input types.
*
* @param {InputProps} props - The properties for the text input component.
* @param props.id - The unique identifier for the input element.
* @param props.label - The label text displayed above the input.
* @param props.type - The type of the input (e.g., "text", "email", "password").
* @param props.disabled - Whether the input is disabled.
* @param props.required - Whether the input is required.
* @param props.classes - Additional CSS classes to apply to the input container.
*
* @returns {JSX.Element} A JSX element representing a labeled text input field.
*/
export declare const Input: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
export {};