Textarea

Textarea is a component used to obtain multi-line text input.

Theming

The Textarea is a single part component.

Textarea inherits the style from Input.

If you want to change the style of the component, please check here.

export const Textarea: ComponentStyle<"Textarea"> = mergeStyle(
  pickStyle(Input, "field"),
  {
    baseStyle: {
      lineHeight: "short",
      py: "2",
      verticalAlign: "top",
    },

    sizes: {
      xs: {
        minH: "20",
        py: "2",
      },
      sm: {
        minH: "20",
        py: "2",
      },
      md: {
        minH: "20",
        py: "2",
      },
      lg: {
        minH: "20",
        py: "3",
      },
    },

    variants: {
      unstyled: {
        h: "auto",
        px: "0",
        py: "0",
      },
    },
  },
)()

Copied!

Edit this page on GitHub

PreviousPhoneInput NextRadio