Input

<Input />

Installation

npx shadcn@latest add @dotui/input

Usage

Use Input to allow users to enter text. Combine with InputGroup and InputGroupAddon to add icons, buttons, or labels alongside the input.

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

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

Sizes

Use the size prop to control the input height. Available sizes are sm, md (default), and lg.

<Input size="sm" />
<Input size="md" />
<Input size="lg" />

Examples

API Reference