Input

A single-line text field with sizes and an error state.

Usageimport { Input } from "./Input";
1import { Input } from "./Input";
2 
3<Input />

Copy the source with the toolbar’s copy button — or open the Code pane to select it by hand — then paste the file into your project. It is self-contained, with no registry metadata and no dependencies (Tailwind classes required).

Props

PropTypeDefault
sizesm | md | lgmd
placeholderstringyou@example.com
invalidbooleanfalse
disabledbooleanfalse