textarea.mdx

title	description	navigation	github	related
Tailwind CSS Textarea Props - Material Tailwind	Learn more about props definition and types of textarea component.	textarea-props types-variant types-size types-color examples theme	props/textarea	title route description Examples textarea Checkout different examples for textarea component. title route description Theme theme/textarea Learn how to customize the theme and styles for textarea component.

Tailwind CSS Textarea - Props

The following props are available for textarea component. These are the custom props that 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	gray
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
containerProps	object	Add custom props for textarea container	undefined
shrink	boolean	Makes the textarea floated by default.	false
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";