Komponenter

ToggleGroup

ToggleGroup samler relaterte alternativ. Komponenten består av ei gruppe knappar som heng saman, der berre éin knapp er mogleg å velje om gongen.

Oversikt Kode Tilgjengelighet

Vi jobber med å forbedre dokumentasjonen for tilgjengelighet på denne komponenten. Har du spørsmål eller ser noe som bør prioriteres, ta gjerne kontakt med oss på Github eller Slack.

ToggleGroup har standard fokusindikator (ramme).
Vi brukar roving tabindex for å handtere fokusbevegelse mellom knappane.

Tastaturinteraksjon

Tab flytter fokuset til den aktive toggle-knappen.
Shift+Tab flytter fokuset til elementet før ToggleGroup i tabindex.
Space velger en knapp.
Enter velger en knapp.
↑ flytter fokuset til forrige knapp i gruppa.
← flytter fokuset til forrige knapp i gruppa.
↓ flytter fokuset til neste knapp i gruppa.
→ flytter fokuset til neste knapp i gruppa.
Home går til første knapp i gruppa.
End går til siste knapp i gruppa.

Tastaturnavigasjon

←/→ går til forrige/neste (enkeltvalg)
Space eller Enter aktiverer/toggler valgt element

Rediger denne siden på github.com (åpnes i ny fane)