We are live on DevHunt: tool of the week contest

check it out

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

PropTypeDefault
errorbooleanfalse