RadioButton

RadioButton og RadioButtonGroup brukes for enovalgslister.

Velg forsikringstype

Bilforsikring

Reiseforsikring

Innboforsikring

Viktig informasjon

Aldri bruk RadioButton uten RadioButtonGroup — den er ikke tilgjengelig uten riktig name og grouping.

Props

Props
Prop	Type	Påkrevd	Standard	Beskrivelse
`legend`Egendefinert	`string`	Ja	—	Overskrift for gruppen (på RadioButtonGroup).
`name`Native HTML	`string`	Nei	—	Skjemafeltets navn.
`value`Native HTML	`string`	Nei	—	Valgt verdi.
`onChange`React	`React.ChangeEventHandler<HTMLInputElement>`	Nei	—	Kalles ved valg.
`errorLabel`Egendefinert	`string`	Nei	—	Feilmelding.
`inline`Egendefinert	`boolean`	Nei	`false`	Viser radioknappene på én linje.

Utfasede props

Utfasede props
Prop	Type	Påkrevd	Standard	Beskrivelse
`label`EgendefinertUtfaset	`React.ReactNode`	Nei	—	Label for en enkelt radioknapp (gammel API).

Eksempler

Grunnleggende radioknapper

RadioButtonGroup med tre alternativer.

Velg betalingsmetode

Bankkort

Faktura

Vipps

Inline-variant

Bruk inline når du har få, korte alternativer og nok horisontal plass.

Kjønn

Mann

Kvinne

Annet

Med feilmelding

Vis errorLabel på RadioButtonGroup når ingen verdi er valgt ved innsending.

Velg forsikringstype

Basis

Pluss

Premium

Du må velge en forsikringstype for å gå videre

Migrering

Disse eksemplene viser hvordan du erstatter utfasede props med den anbefalte API-en.

label-propen på RadioButton er utfaset. Bruk children (tekst som barn av komponenten) i stedet.

Finn denne koden

<RadioButton value="basic" label="Basis" />

Erstatt med dette
TSX
```
<RadioButton value="basic">Basis</RadioButton>
```

Reiseforsikring

Bilforsikring

Innboforsikring

Checkbox

Checkbox brukes for binære valg i skjemaer, typisk for samtykke eller flervalgslister.

Velg forsikring

RadioPanel

RadioPanel er et panelbasert envalgsalternativ.