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.

variantVariantChange textarea variantoutlined
sizeSizeChange textarea sizemd
colorColorChange textarea colorblue
labelstringAdd label for textarea''
errorbooleanChange textarea state to errorfalse
successbooleanChange textarea state to successfalse
resizebooleanMakes textarea resizablefalse
labelPropsobjectAdd custom props for textarea labelundefined
shrinkbooleanMakes the textarea floated by default.false
classNamestringAdd 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";
Edit this page on Github