@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
TypeScript
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