Gå til hovedinnhold
Entur logo – designsystemets starside
Kom i GangIdentitetKomponenterTokensUniversell utforming
KOMPONENTER

Text area

npmv8.1.6

TextArea brukes når brukeren skal fylle ut lengre tekster, som et avsnitt eller to.

npm install @entur/form
@import '@entur/form/dist/styles.css';

TextArea-props

Komponenter

TextArea

import { TextArea } from '@entur/form';
NavnTypeDefault-verdiBeskrivelse
className?string

Ekstra klassenavn

variant?"success" | "negative" | "warning" | "information"

Valideringsvariant

disabled?boolean

Deaktiverer tekstområdet

readOnly?boolean

Setter tekstområdet i read-only modus

labelstring

Label over TextArea

labelTooltip?ReactNode

En tooltip som forklarer labelen til inputfeltet

labelTooltipButtonAriaLabel?string

Forklarende tekst for knappen som åpner labelTooltip

labelTooltipPlacement?Placement

Plasseringen til tooltip-en relativt til spørsmålstegn-knappen

feedback?string

Varselmelding, som vil komme under TextArea

disableLabelAnimation?boolean false

Plasserer labelen statisk på toppen av inputfeltet

Retningslinjer for bruk

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 er på en enkelt linje og som ikke overskrider lengden på tekstfeltet, bruk heller Text Fields.
Rediger denne siden på GitHub