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.

Dropdown Menüs

Einfaches Dropdown Menü

Beispiel Code

Big Dropdown Menü

Beispiel Code

Small Dropdown Menü

Beispiel Code

Dropdown Menü mit Left Label

Beispiel Code

Dropdown Menü mit Right Label

Beispiel Code

Dropdown Menü mit Left & Right Label

Beispiel Code