Input

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

<div class="flex w-full max-w-sm flex-col gap-3">
  <Input type="text" placeholder="Type here..." />
  <Input type="email" placeholder="Email" />
  <Input type="tel" placeholder="Phone" />
  <Input type="text" placeholder="Disabled" disabled />
</div>

Installation

To install the input component, run the following command:

npx shadcn@latest add @fulldev/input

Usage

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

<Input type="text" placeholder="Enter text..." />