Input

Превью

Установка

npx shadcn@latest add @gooseui/input

Использование

import { Input } from "@/components/ui/input"

export function MyInput() {
  return <Input type="email" placeholder="Email" />
}

Примеры

Default

Disabled

С Label

<div className="grid gap-2">
  <Label htmlFor="email">Email</Label>
  <Input id="email" type="email" placeholder="email@example.com" />
</div>

File Input

Props

Input принимает все стандартные HTML атрибуты для <input>