TextArea brukes når brukeren skal fylle ut lengre tekster, som et avsnitt eller to.
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