Input
A premium input field with inner depth shadows and focus animations.
Preview
Interactive Preview
Installation
Usage
tsx
import { Input } from "@/components/ui/input"
export default function Demo() {
return (
<div className="flex flex-col gap-4 max-w-sm">
<Input placeholder="Enter your email" />
<Input placeholder="Error state" error />
<Input placeholder="Disabled state" disabled />
</div>
)
}Props
| Prop | Type | Default |
|---|---|---|
| error | boolean | false |