Toggle Group
Zusammengehörige Umschalter mit Einzel- oder Mehrfachauswahl. Die segmentierte Variante bildet die v3-Schiene nach; der aktive Reiter gleitet per Motion, respektiert aber reduzierte Bewegung.
Segmented
Die Schiene nutzt bg-surface-sunken; der aktive Reiter gleitet als weiße Fläche mit Schatten. Bei reduzierter Bewegung erscheint er ohne Animation.
Gewählt: week
Mehrfachauswahl
type="multiple" erlaubt mehrere gedrückte Einträge; onValueChange liefert immer eine String-Liste.
Aktiv: bold
Vertikal
orientation="vertical" stapelt die Einträge und lässt die Pfeiltasten hoch/runter wandern.
Playground
Modus, Variante und Zustand umschalten.
Barrierefreiheit
Die Gruppe hat role=group und einen gemeinsamen Auswahlzustand; jeder Eintrag ist ein Button mit aria-pressed. Pfeiltasten bewegen den Fokus über den Roving-Tabindex, Tab verlässt die Gruppe wieder.
Für Ansichtswechsel ist die segmentierte Einzelauswahl ideal; für Formatierungen die Mehrfachauswahl. Bei mehr als fünf Optionen sind Select oder Radio Group meist klarer.