Textarea

const Preview = () => {
  return (
    <>
      <Label htmlFor='my-textarea'>Label</Label>
      <Textarea id='my-textarea' />
    </>
  );
};

render(<Preview />)

const WithRows = () => {
  return (
    <>
      <Label htmlFor='my-textarea-rows'>Beskrivelse</Label>
      <Textarea id='my-textarea-rows' rows={6} />
    </>
  );
};

render(<WithRows />)

const Disabled = () => {
  return (
    <>
      <Label htmlFor='my-textarea-disabled'>Label</Label>
      <Textarea id='my-textarea-disabled' disabled value='Disabled textarea' />
    </>
  );
};

render(<Disabled />)

const ReadOnly = () => {
  return (
    <Field>
      <Label htmlFor='my-textarea-readonly'>Beskrivelse av saken</Label>
      <FieldDescription>
        Teksten er lagt inn automatisk basert på det du allerede har sendt inn,
        og kan ikke redigeres.
      </FieldDescription>
      <Textarea
        id='my-textarea-readonly'
        readOnly
        value='Jeg søker om støtte fordi jeg trenger midler til å gjennomføre prosjektet slik det er planlagt.'
      />
    </Field>
  );
};

render(<ReadOnly />)