ButtonGroup: Begrenzung der Zeichen für die items

[CGRBZH]

Bisher ist keine Zeichenlänge für die items definiert. Ich könnte theoretisch auch "Rindfleischetikettierungsüberwachungsaufgabenübertragungsgesetz" setzen. Würde es sich hier noch anbieten die Länge zu begrenzen resp. ein Verhalten zu definieren, wenn die Worte zu lang werden?

Ein Beispiel von einem Designentwurf, in welchem bereits recht lange Bezeichnungen für Buttons vergeben werden sollen.

[daenub]

Rindfleischetikettierungsüberwachungsaufgabenübertragungsgesetz

Herrlich! 😂

Ich finde es einen sehr guten Punkt.

Ich bin mir aber nicht sicher ob dies ein «concern» der Component Library ist oder eher auf Applikationsebene adressiert werden müsste.

Wenn man es auf Ebene des Buttons anschaut gibt es wahrscheinlich Fälle wo der Text abgeschnitten und Fälle bei denen der Text umgebrochen werden soll.

Im Kontext der ButtonGroup spielt es eine Rolle ob man erwartet, dass die Buttons umbrechen, wenn sie keinen Platz mehr haben oder ob die Buttons soweit verkleinert werden, dass wieder alle Buttons inline Platz haben.

Eine Idee wäre, dass man bei der ButtonGroup ein wrap Property definiert (inspiriert von flex-wrap).
Und bei den Buttons ein text-overflow: ellipsis; hinzufügt, sobald eine bestimmte Breite von aussen enforced wird. Ich weiss aber nicht ob wir dies so gut abfangen können.