Components

Textarea

Textarea is used when you want to get larger amount of texts from the user.

Examples

A simple Textarea

<Textarea label="Description" />

A controlled textarea

() => {
  const [description, setDescription] = React.useState("");
  return (
    <Textarea 
      label="Description" 
      value={description} 
      onChange={e => setDescription(e.target.value)} 
    />
  );
}

A bigger textarea

<Textarea label="What can we help you with?" minHeight="10rem" />

Different variants

<Stack gap={3}>
  <Textarea label="Base" />
  <Textarea label="Floating" variant="floating" />
</Stack>