Components › Forms
Input
A text field with optional leading and trailing slots. Pair it with Field for label, hint and error.
Installation
npx plankui@latest add inputUsage
import { Input } from "@/components/ui/input";
<Field label="Email" htmlFor="email" hint="We never share it.">
<Input id="email" leading={<AtSign />} />
</Field>API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| leading | ReactNode | Icon or text before the value. | |
| trailing | ReactNode | Icon, key hint or button after the value. | |
| inputSize | "sm" | "md" | "lg" | "md" | Field height. |
| aria-invalid | boolean | Switches to the error style. |