TextArea

The TextArea component lets users enter long form text which spans over multiple lines.

Basic usage

const Demo = () => {
  const [value, setValue] = useState("");

  return (
    <TextArea
      placeholder="Describe your expense"
      value={value}
      onChange={(event) => {
        setValue(event.target.value);
      }}
    />
  );
};

Size

The rows prop allows you to specify how many rows the textarea should have. Its default value is 3.

<TextArea rows={10} />