Tailwind CSS Textarea - Props

The following props are available for textarea component. These are the custom props that come with we've added for the textarea component and you can use all the other native textarea props as well.

Attribute	Type	Description	Default
`variant`	Variant	Change textarea variant	`outlined`
`size`	Size	Change textarea size	`md`
`color`	Color	Change textarea color	`blue`
`label`	`string`	Add label for textarea	`''`
`error`	`boolean`	Change textarea state to error	`false`
`success`	`boolean`	Change textarea state to success	`false`
`resize`	`boolean`	Makes textarea resizable	`false`
`labelProps`	`object`	Add custom props for textarea label	`undefined`
`className`	`string`	Add custom className for textarea	`''`

For TypeScript Only

import type { TextareaProps } from "@material-tailwind/react";

Types - Variant

type variant = "standard" | "outlined" | "static";

Types - Size

type size = "md" | "lg";

Types - Color

type color =
  | "blue-gray"
  | "gray"
  | "brown"
  | "deep-orange"
  | "orange"
  | "amber"
  | "yellow"
  | "lime"
  | "light-green"
  | "green"
  | "teal"
  | "cyan"
  | "light-blue"
  | "blue"
  | "indigo"
  | "deep-purple"
  | "purple"
  | "pink"
  | "red";

Examples

Checkout different examples for textarea component.

Theme

Learn how to customize the theme and styles for textarea component.

Edit this page on Github