Textarea
Textarea fields are used to collect large amounts of text from users.
The Textarea
component is a wrapper around the native textarea
element. It provides a consistent styling and layout for text-based inputs. It can be combined with the Label
and Hint
components from the TextField
component to create a complete form field.
Basic Textarea
The simplest usage of the Textarea
component is to use it as a wrapper around the native textarea
element.
tsximport { Textarea } from '@components/ui/Textarea';
<Textarea
className='max-w-sm h-36'
placeholder="Describe yourself in 100 words or less."
/>