Input

A text input component for forms and user data entry with built-in styling and accessibility features.

Installation

pnpm dlx shadcn@latest add https://dev.designsystem.wfp.org/r/input.json

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

<Input type="email" placeholder="Email" />

File input with support for single and multiple files.

Disabled state for inputs.

Inputs paired with labels for better accessibility.