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."
/>