Components/Input

Input

A text field for collecting short-form user input.

Interactive example

We will only use this for account updates.

Installation

Run the CLI from your project root. Dependencies and component source are added automatically.

$npx quackelements add input

Usage

The generated file lives in your repository, so the component API and styles remain fully editable.

example.tsx
import { Input } from "@/components/quack/input"

export function InputDemo() {
  return <Input className="max-w-sm" placeholder="you@company.com" type="email" />
}