Formular Elemente

Die Kryzo Formular-Elemente bieten eine erweiterte Sammlung von Input-Komponenten, die über die nativen HTML-Funktionalitäten hinausgehen. Sie sind darauf ausgelegt, wiederkehrende UI-Muster zu standardisieren und eine konsistente Darstellung innerhalb der gesamten Anwendung sicherzustellen. Statt individuelle Styles oder zusätzliche Wrapper-Elemente pro Eingabefeld zu benötigen, erweitern die Kryzo Inputs das native <input>-Element über Attribute und ermöglichen so eine deklarative und leichtgewichtige Verwendung direkt im Markup.

Alle Elemente bleiben vollständig kompatibel mit dem standardisierten HTML-Verhalten. Bereits vorhandene Attribute und Events werden dabei nicht überschrieben oder entfernt, sondern bleiben uneingeschränkt erhalten. Dadurch können die Komponenten sowohl in neuen Projekten als auch in bestehenden Anwendungen ohne strukturelle Anpassungen integriert und erweitert werden.

Umwandlung erfolgt via Helper Funktion.

Einzeilige Eingabefelder

Input Size Big

Beispiel Code

Input Size Small

Beispiel Code

Input Disabled

Beispiel Code

Input Readonly

Beispiel Code

Input Label + Focus

Beispiel Code

Input Datalist

Beispiel Code

Input Number

Beispiel Code

Input Email

Beispiel Code

Input URL

Beispiel Code

Input Phone

Beispiel Code

Input Left Label

Beispiel Code

Input Right Label

Beispiel Code

Input Left & Right Label

Beispiel Code

Input Number & Right Label

Beispiel Code

Input & Button

Beispiel Code

Input & Right Label & Button

Beispiel Code