Props

Prop:

label

Type:

string

Beskrivelse:

Tekst som vises over feltet. Påkrevd i React. Elements krever den ikke, men feltet mangler da et tilgjengelig navn

Prop:

name?

Type:

string

Beskrivelse:

Navn som brukes i skjema ved innsending. Bruker id hvis ikke satt

Prop:

form?

Type:

string

Beskrivelse:

ID-en til skjemaet feltet hører til, når feltet ligger utenfor skjemaet

Prop:

placeholder?

Type:

string

Beskrivelse:

Spesifiserer en kort hint som beskriver forventet verdi av feltet.

Prop:

helptext?

Type:

string

Beskrivelse:

Hjelpetekst som vises over feltet

Prop:

helptextDropdown?

Type:

string

Beskrivelse:

Hjelpetekst som vises i en lukket boks man kan åpne

Prop:

helptextDropdownButton?

Status:

Deprecated Bruk strings={{ forms: { readMore: '…' } }} eller setPktStrings().

Type:

string

Beskrivelse:

Tekst som vises på knappen for å åpne/lukke utvidet hjelpetekst

Prop:

size?

Type:

number

Beskrivelse:

Bredde på feltet i antall tegn. Ikke den visuelle størrelsen (inputSize).

Prop:

type?

Type:

"color" | "date" | "datetime-local" | "email" | "file" | "month" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week"

Standardverdi:

"text"

Beskrivelse:

Spesifiserer typen av feltet.

Prop:

omitSearchIcon?

Type:

boolean

Standardverdi:

false

Beskrivelse:

Indikerer om søkeikonet skal utelates.

Prop:

value?

Type:

string

Beskrivelse:

Spesifiserer den nåværende verdien av feltet.

Prop:

autoComplete?

autocomplete?

Type:

string

Standardverdi:

"off"

Beskrivelse:

Spesifiserer hvilken type autocomplete feltet har. React godtar også autocomplete.

Prop:

suffix?

Type:

string

Beskrivelse:

Spesifiserer et suffiks som vises etter feltet.

Prop:

prefix?

Type:

string

Beskrivelse:

Spesifiserer et prefiks som vises før feltet.

Prop:

iconNameRight?

Type:

icon

Beskrivelse:

Spesifiserer navnet på ikonet som vises til høyre for feltet.

Prop:

min?

Type:

string

Beskrivelse:

Minste tillatte verdi for tall- og datofelt.

Prop:

max?

Type:

string

Beskrivelse:

Største tillatte verdi for tall- og datofelt.

Prop:

minLength?

minlength?

Type:

number

Beskrivelse:

Minste antall tegn feltet må ha for å være gyldig.

Prop:

maxLength?

maxlength?

Type:

number

Beskrivelse:

Største antall tegn som kan skrives inn. Nettleseren stopper inntastingen ved grensen. Bruk counterMaxLength for å vise en teller uten å stoppe inntastingen.

Prop:

step?

Type:

string

Beskrivelse:

Lovlige intervaller for tall- og datofelt.

Prop:

readOnly?

readonly?

Type:

boolean

Standardverdi:

false

Beskrivelse:

Feltet kan leses og fokuseres, men ikke endres. Verdien sendes med skjemaet. React godtar også readonly.

Prop:

ariaLabelledby?

aria-labelledby?

Type:

string

Beskrivelse:

Spesifiserer ID-en til elementet som gir feltet navn.

Prop:

ariaDescribedby?

aria-describedby?

Type:

string

Beskrivelse:

Spesifiserer ID-en til elementet som beskriver feltet.

Prop:

required?

Type:

boolean

Standardverdi:

false

Beskrivelse:

Er feltet påkrevd?

Prop:

requiredTag?

Type:

boolean

Standardverdi:

false

Beskrivelse:

Indikerer om feltet er påkrevd.

Prop:

requiredText?

Status:

Deprecated Bruk strings={{ forms: { required: '…' } }} eller setPktStrings().

Type:

string

Beskrivelse:

Tekst som vises i påkrevd-merkingen

Prop:

optionalTag?

Type:

boolean

Standardverdi:

false

Beskrivelse:

Indikerer om feltet er valgfritt.

Prop:

optionalText?

Status:

Deprecated Bruk strings={{ forms: { optional: '…' } }} eller setPktStrings().

Type:

string

Beskrivelse:

Tekst som vises i valgfritt-merkingen

Prop:

tagText?

Type:

string

Beskrivelse:

Tekst som vises i en tag ved siden av label

Prop:

hasError?

Type:

boolean

Standardverdi:

false

Beskrivelse:

Indikerer om feltet har en feil.

Prop:

errorMessage?

Type:

string

Beskrivelse:

Tekst som vises under feltet ved feiltilstand

Prop:

disabled?

Type:

boolean

Standardverdi:

false

Beskrivelse:

Indikerer om feltet er deaktivert.

Prop:

inline?

Type:

boolean

Standardverdi:

false

Beskrivelse:

Indikerer om feltet skal vises inline.

Prop:

fullwidth?

Type:

boolean

Standardverdi:

false

Beskrivelse:

Indikerer om feltet skal ta opp full bredde.

Prop:

useWrapper?

Type:

boolean

Standardverdi:

true

Beskrivelse:

Indikerer at feltet skal ha synlig label og hjelpetekst

Prop:

id

Type:

string

Beskrivelse:

Spesifiserer den unike identifikatoren for feltet. Påkrevd i React. Elements lager en id hvis den mangler.

Prop:

counter?

Type:

boolean

Beskrivelse:

Viser teller under feltet. Slås på av seg selv når det finnes en grense å telle mot; sett til false for å skru den av.

Prop:

counterMaxLength?

Type:

number

Beskrivelse:

Spesifiserer maksimal lengde for telleren. Slår på telleren.

Prop:

inputSize?

input-size?

Type:

"xsmall" | "small" | "medium"

Standardverdi:

"medium"

Beskrivelse:

Visuell størrelse via input-wrapper.

Prop:

hasFieldset?

Type:

boolean

Beskrivelse:

Bruk fieldset og legend i stedet for label.

Events

Event:

change

Type:

Event

Beskrivelse:

Fyres når verdien endres. I Elements ligger verdien på elementet, og value-change sender den i event.detail.

Event:

value-change

Type:

CustomEvent

Beskrivelse:

Returnerer verdien som streng i event.detail. Kun Elements.