Button Group
Mehrere Buttons als eine verbundene Leiste: geteilte Kanten, innere Radien ohne Ecken und ein Fokusring, der über den Nachbarn liegt. Horizontal, vertikal und mit dekorativen Trennern.
Horizontal
Benachbarte Buttons teilen sich eine Kante; innere Radien fallen weg. Der Fokusring liegt über den Nachbarn.
Mit Trenner
ButtonGroupSeparator trennt logische Gruppen innerhalb derselben Leiste.
Vertikal
orientation=vertical stapelt die Buttons und teilt die horizontale Kante.
Größen
Die Gruppe erbt die Größe der enthaltenen Buttons; alle drei Stufen sind mit Input und Select synchron.
Barrierefreiheit
Die Gruppe ist ein role=group mit eigenem aria-label. Buttons behalten Fokusring, Ladezustand und Touch-Fläche; der Trenner ist rein dekorativ.
Verbundene Buttons eignen sich für verwandte Aktionen derselben Ebene. Für eine echte Auswahl ist die Toggle Group die richtige Wahl, für Navigation ein Link.