Input
Inputs are another essential form component—they allow the user to input anything from freeform text to emails to numbers to even dates and colors.
Using react-hook-form (opens in a new tab) when working with form components is highly recommended.
⚠️
Don’t forget to specify a type (opens in a new tab)!
Usage
Props
| Name | Type | Description |
|---|---|---|
variant | string | default or large |
Further Reading
- <input>: The Input (Form Input) element on MDN (opens in a new tab)
- react-hook-form (opens in a new tab): A lightweight, performant form validation & helper library for React