Input
Einzeiliges Textfeld mit gemeinsamer Control-Höhe, Fokusring am Rahmen, Slots und Invalid-Zustand. Klicks auf den Rahmen oder eine Slot-Fläche fokussieren das Feld.
Größen
sm, md und lg folgen den Dichte-Tokens und sind exakt so hoch wie ein Button derselben Größe.
Zustände
Invalid markiert das Feld für Screenreader zusätzlich über aria-invalid und färbt den Rahmen in der Danger-Farbe.
Mit Slots
Icons, Einheiten oder Aktionen sitzen im Rahmen und schrumpfen nicht. Klicks auf die Slot-Fläche setzen den Fokus ins Feld.
EUR
Playground
Größe, Zustand und Inhalt frei kombinieren.