Input Group
Ein gemeinsamer Feldrahmen für Präfixe, Kbd-Hinweise, Buttons und Textareas mit Toolbar. Fokusring, Invalid- und Disabled-Zustand existieren nur einmal am Rahmen; ein Klick auf ein Addon fokussiert das Feld.
Suchfeld mit Kbd
Icon links, Kürzel rechts. Der Fokusring liegt am gemeinsamen Rahmen; ein Klick auf das Kürzel fokussiert das Feld.
Präfix und Button
Text-Addons zeigen Einheiten oder Protokolle. Ein Ghost-Button im Rahmen löst seine eigene Aktion aus, ohne das Feld zu fokussieren.
Textarea mit Toolbar
block-end legt die Toolbar unter das Feld; die Gruppe wächst mit dem Inhalt, der Rahmen bleibt gemeinsam.
Größen
sm, md und lg folgen denselben Höhen-Tokens wie Input und Button.
Im Field
Die Gruppe übernimmt Invalid-Zustand und Beschreibung aus dem Field; das innere Feld erbt beide.
Höchstens 1.000 € pro Monat.
Playground
Größe und Zustand umschalten.
Barrierefreiheit und Abgrenzung
Der Rahmen fokussiert beim Klick das erste Feld; Buttons und Links behalten ihre eigene Aktion. Für einfache Felder mit einem festen Start- und End-Slot bleibt Input die schlankere Wahl.
Die Combobox nutzt dieselbe Rahmenbasis und denselben Fokusring. Die Input Group ist die freie Variante für mehrere Addons, Toolbars und kombinierte Felder.