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.

Range Slider

Einfacher Range Slider

Beispiel Code

Range Slider mit Label

Beispiel Code

Range Slider mit Bubble Value

Beispiel Code

Colorized Range Slider mit Bubble Value

Beispiel Code

Labeled Colorized Range Slider mit Bubble Value

Beispiel Code