Gå til hovedinnhold

TextArea-props

Retningslinjer

Text areas er lange tekstfelt som lar brukeren skrive tekst over flere linjer. Tekstfeltet kan justeres i høyden. Bør benyttes med label og eventuelt variant-stiler og validering. Hvis tekststyling er nødvendig, bruk Rich Text Editor for å støtte dette.

For tekst som går over flere linjer, bruk heller Text field.

Tilgjengelighet

feedback vises i en live region med role="status", slik at skjermlesere leser opp meldingen når den kommer. Du trenger derfor ikke legge til en egen aria-live-region rundt feltet. Det gir dobbel opplesing.

Ikonet ved siden av meldingen er skjult for skjermlesere. Teksten må derfor være selvforklarende og tydelig formidle om det er en feilmelding eller et varsel.

Du kan styre opplesingen med ariaAlertOnFeedback. Standardverdien 'status' gir en høflig opplesing, 'alert' avbryter skjermleseren umiddelbart – bruk den bare til meldinger som hindrer brukeren i å komme videre – og false skrur av opplesingen helt. Med feedbackProps kan du sette egne role- og aria-live-verdier på feedback-teksten.

Props

TextArea

import { TextArea } from '@entur/form';

Denne komponenten har ingen props