Input

A light wrapper around the native input element that handles tedious accessibility concerns and provides more opinionated states for things like hover and focus.

Installation

npx headcn@latest add input

Usage

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

You can pass any props to an Input that you'd normally pass to the native input element.

Examples

Default

Disabled

With Label

With Button