Input

Input components for collecting user data. Includes text input, email, password, file upload, and textarea variations.

Input Examples

Installation

# The components are already installed at:
# src/components/ui/shadcn/input.tsx
# src/components/ui/shadcn/textarea.tsx
# src/components/ui/shadcn/label.tsx

Usage

import { Input } from '@/components/ui/shadcn/input'
import { Label } from '@/components/ui/shadcn/label'
import { Textarea } from '@/components/ui/shadcn/textarea'

export function InputDemo() {
  return (
    <div className="grid gap-4">
      <div className="grid gap-2">
        <Label htmlFor="email">Email</Label>
        <Input type="email" id="email" placeholder="Email" />
      </div>
      <div className="grid gap-2">
        <Label htmlFor="message">Message</Label>
        <Textarea id="message" placeholder="Type your message..." />
      </div>
    </div>
  )
}

Props

Input

Textarea