Tilbake til alle komponenter

RadioPanel

RadioPanel er et panelbasert envalgsalternativ.

Velg forsikring

Viktig informasjon

Grupper RadioPanel-er i FieldGroup med legend — uten det mangler skjermlesere kontekst for gruppen.

Props

Props
Prop
Type
Påkrevd
Standard
Beskrivelse
valueNative HTMLstringJaVerdien som sendes ved innsending.
nameNative HTMLstringJaSkjemafeltets navn (felles for gruppen).
childrenReactReact.ReactNodeNeiInnhold i panelet.
onChangeReactReact.ChangeEventHandler<HTMLInputElement>NeiKalles ved valg.

Eksempler

Gruppe av panelvalg

RadioPanel-er for å velge forsikringstype.

TSX

Med beskrivelse og pris

RadioPanel med utvidet informasjon og prisvisning.

Velg forsikringspakke
189 kr/mnd
Grunnleggende dekning for deg som kjører lite.
299 kr/mnd
Utvidet dekning med veihjelp inkludert.
449 kr/mnd
Full dekning med leiebil og glassforsikring.
TSX

Med feilmelding

FieldGroup rundt RadioPanel-er viser feilmelding for hele gruppen.

Velg betalingsmetode
Du må velge en betalingsmetode
TSX

Relaterte komponenter

Velg forsikringstype
RadioButton

RadioButton og RadioButtonGroup brukes for enovalgslister.

CheckboxPanel

CheckboxPanel er en utvidet avkrysningsboks med et synlig paneldesign.