Text Field
Labelled inputs with hints, a prefix, live validation and a clear error state.
$ npx shadcn@latest add https://ui.elysiumdesigns.in/r/text-field.jsonWe’ll send the invite here.
elysium.app/
That one’s taken – try another.
More variants
Search
Password
Strong password.
Textarea with counter
Plain language works best.45/140
When to use
- Labelled inputs with hints, a prefix, live validation and a clear error state.
- You want a inputs piece that already handles empty, loading and dark states.
Installation
Add Text Field with the shadcn CLI – your project needs a components.json – or copy the file by hand.
$ npx shadcn@latest add https://ui.elysiumdesigns.in/r/text-field.jsonAPI reference
TextField
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | – | Extra classes on the root element. |
look | "classic" | "clean" | "classic" | Visual style. Both follow your light or dark theme. |