Input

unreleasedstable

A native text input with Keystone wrapper styling and form semantics.

Usage

tsxUsage

import { Input } from "@/components/ui/input";
 
export function Component() {
  return <Input placeholder="Email" type="email" />;
}

Native input rendered inside a styled control wrapper with size, invalid, disabled, search, file, and form prop passthrough.

Use sm, default, lg, or a numeric native size attribute while preserving the wrapper data-size hook.

Marks the native input aria-invalid and sets wrapper data-invalid for validation styling.