UNPKG

@arolariu/components

Version:

🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡

34 lines • 1.25 kB
import { Input as BaseInput } from "@base-ui/react/input"; import * as React from "react"; /** * Props for the shared input wrapper. */ export interface InputProps extends Omit<React.ComponentPropsWithRef<typeof BaseInput>, "className"> { /** Additional CSS classes merged with the input styles. @default undefined */ className?: string; /** The HTML input type forwarded to the underlying control. @default undefined */ type?: React.HTMLInputTypeAttribute; } /** * Renders a styled text input for free-form single-line entry. * * @remarks * - Renders an `<input>` element by default * - Built on {@link https://base-ui.com/react/components/input | Base UI Input} * - Supports the `render` prop for element composition * - Styling via CSS Modules with `--ac-*` custom properties * * @example Basic usage * ```tsx * <Input type="email" placeholder="name@example.com" /> * ``` * * @see {@link https://base-ui.com/react/components/input | Base UI Documentation} */ declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLElement>>; declare namespace Input { type Props = InputProps; type State = BaseInput.State; } export { Input }; //# sourceMappingURL=input.d.ts.map