components

Input

Eckig, 48px hoch, 1px schwarze Linie. Ein Input hat immer ein Label über sich, nie nur einen Platzhalter. Fehler stehen als Text unter dem Feld, nicht als roter Rahmen.

01 — Zustände

Vier Zustände

02 — Fehler

Fehler als Text

Ein Fehler wird durch den Hinweistext erklärt. Der Rahmen bleibt schwarz, damit Rot dem Fokus vorbehalten bleibt.

03 — Regeln

Drei Regeln

  • Label als Mono/Tag über dem Feld, immer sichtbar.
  • Höhe 48 (L) oder 40 (M), Padding space/16, Radius 0.
  • Platzhalter zeigt ein Beispiel, kein Label-Ersatz.