Input
Live example
Input
Installation
npx shadcn@latest add https://hextech-ui.vercel.app/r/input.jsonAPI reference
These are the main Input options. See the exported TypeScript types for inherited native or primitive props.
| Prop | Type | Default |
|---|---|---|
size | small | medium | large | medium |
type | native input type | text |
Labels and state
Associate a visible label with id, or compose Input inside Field. Use value with onChange for controlled editing, or defaultValue for uncontrolled editing. Keep a controlled text value a string throughout its lifetime. See Forms for validation.