Formular Material

Grid

Es gibt nicht viele Regeln für die Nutzung des Formular Patterns. Ihr müsst nur ein paar Punkte einhalten. Der wichtigste ist der Abstand nach unten zwischen den Elementen. Er beträgt 24px und muss bitte eingehalten werden. Viele Formulare werden von unterschiedlichen Teams gemacht, sind jedoch in einem Flow. Um diesen einheitlich zu gestalten, ist es wichtig diesen Abstand einzuhalten.

Es gibt eine Minimalausprägung von XXpx und eine empfohlene Maximalausprägung von XXpx. Verhältnis zwischen Formularfeldern nebeneinander z.B. 2-3, 1-4 entscheiden die FT-Teams selber.

Es gilt das Responsive Grid wie für alle Designs. Es gibt kein spezielles Grid für das Formular Pattern. Viel Spaß beim Designen!

Hinweis
Hinweis

Checkbox

Checkbox leer

Checkbox mit Inhalt

Bitte bestätigen

Checkbox mit Fehler

Bitte bestätigen

Radio Button

Radio Button

Radio Button mit Inhalt

Radio Button mit Fehler

Hinweis

Input

Standard-Textfeld

Standard-Textfeld mit Hinweis

Hinweis

Ich bin ein ausgefülltes Standard-Textfeld

Ich bin invalid

invalider Hinweis

Ich bin valid

Ich bin ein Erfolgshinweis

Ich bin eine Warnung

Warnhinweis

Ich bin hinweisendes Feld

Hinweisender Hinweis

Textarea

Standard-Textfeld

invalides Textfeld

invalider Hinweis

invalides Textfeld vorausgefüllt

invalider Hinweis

Für dieses Pattern ist kein Konfigurator verfügbar!

Technische Hinweise

Für dieses Pattern sind keine technischen Hinweise vorhanden!