nve-radio

En sl-radio med NVE design. Se https://shoelace.style/components/radio

Arvet fra SlRadio.

Denne komponenten bygger på en Shoelace-komponent. Sjekk også dokumentasjonen i Shoelace for å få full oversikt over hvordan komponenten funker.

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.

 

Eksempler

Se også nve-radio-group

Størrelse

Bruk size for å sette størrelse. medium er standard. Du kan også sette størrelse for nve-radio-group, og dette vil overstyre evt. størrelse satt på nve-radio.

<nve-radio size="small">Liten</nve-radio>
<nve-radio>Middels</nve-radio>
<nve-radio size="large">Stor</nve-radio>

Deaktivering

Bruk disabled for å deaktivere.

<nve-radio disabled>Denne kan du ikke velge</nve-radio>

<nve-radio>Denne kan du velge</nve-radio>

Spor

Navn	Beskrivelse
(standard)	The radio's label.

Hendelser

Navn	Arvet fra	Beskrivelse
sl-blur	SlRadio	Emitted when the control loses focus.
sl-focus	SlRadio	Emitted when the control gains focus.

Egenskaper

Navn	Type	Arvet fra	Beskrivelse	Reflected
checked	boolean = false	SlRadio
hasFocus	boolean = false	SlRadio
value	string	SlRadio	The radio's value. When selected, the radio group will receive this value.
size	'small' | 'medium' | 'large' = 'medium'	SlRadio	The radio's size. When used inside a radio group, the size will be determined by the radio group's size so this attribute can typically be omitted.
disabled	boolean = false	SlRadio	Disables the radio.

Metoder

Navn	Parametre	Returtype	Arvet fra	Beskrivelse
handleCheckedChange			SlRadio
handleDisabledChange			SlRadio

Deler

Navn	Beskrivelse
base	The component's base wrapper.
control	The circular container that wraps the radio's checked state.
control--checked	The radio control when the radio is checked.
checked-icon	The checked icon, an `<sl-icon>` element.
label	The container that wraps the radio's label.