Textarea

Unable to parse html

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

render(<Preview />)

Bruk

Legg klassenavnet ds-input på <textarea>.

Eksempel

Sett høyden

Bruk rows-attributtet for å sette antall synlige rader i tekstområdet. Dette påvirker kun den initielle høyden på feltet.

Unable to parse html

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

render(<WithRows />)

CSS variablar og data-attributter

Textarea får styling fra ds-input, og derfor viser vi variabler og data-attributter fra den klassen her.

Størrelser styres med data-size og farger med data-color. Komponenten vil arve nærmeste forelder med disse satt.

React