Skip to content

nve-radio

En enkel radio som skal brukes i nve-radio-group.

Arvet fra LitElement

Feil / oppgaver / PR

Ingen som vi vet om. Hvis du finner noe muffens, registrer en feil under Issues i Github og merk den med nve-radio.

 

nve-radio skal kun brukes i nve-radio-group. Se eksempler og anbefalt bruk der.

html
<nve-radio value="radio">Radio</nve-radio>

nve-radio er ikke bygget med native input og label. Det er et bevisst valg for å kunne legge role="radio" direkte på host-elementet og styre tilgjengeligheten mer presist med aria-setsize, aria-posinset og aria-checked. Les mer i tilgjengelighet seksjonen i nve-radio-group.

nve-radio har interne tilstander for size og checked, men disse styres normalt av nve-radio-group. Komponenten er ikke ment å brukes alene: gruppen sørger for at kun ett alternativ kan være valgt, oppdaterer ARIA-attributter, og håndterer fokus/tastaturnavigasjon (piltaster).

Hendelser

NavnArvet fraBeskrivelse
radio-selectNår radio-knappen blir valgt. Inneholder den valgte verdien.

Egenskaper

NavnTypeArvet fraBeskrivelseReflected
testIdstring | undefined = undefined
value = ''Verdi for radio-knappen. Skal samsvare med value i nve-radio-group for at knappen skal være valgt.
disabled = falseOm radio-knappen er deaktivert
invalid = falseOm radio-knappen er ugyldig

Metoder

NavnParametreReturtypeArvet fraBeskrivelse
focus
options: FocusOptions
Gir fokus til radio-knappen.

Deler

NavnBeskrivelse
baseHovedcontaineren for radio-knappen, som er en span.
labelInnholdet i radio-knappen, vanligvis tekst.