Forms

Input

A fundamental form component for capturing text data with support for labels, errors, and size variants.

Sizes

Three size variants for different interface densities.

States

Inputs support error states and helper text.

Props

Usage

import { Input } from '@/components/ui/input';

// Basic input
<Input placeholder="Enter name" />

// With label and error
<Input 
  label="Email" 
  error="Invalid email address" 
/>