Tailwind CSS Textarea - React

Easily create Textarea with different styles using our component based on Tailwind CSS. It is useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form.

See below our example that will help you create a simple Textarea for your project. It also comes in different colors and styles, so you can adapt it easily to your needs.



Textarea Variants

The Textarea component comes with 3 different variants that you can change it using the variant prop.


Textarea Sizes

The Textarea component comes with 2 different sizes that you can change it using the size prop.


Textarea Colors

The Textarea component comes with 19 different colors that you can change it using the color prop.


Textarea Validations

The Textarea component comes with error and success states for performing validations.


Disabled Textarea

A Textarea could be disabled as well, it will help you to prevent user interactions like click or focus over the Textarea component.

Edit this page on Github