Angular Formular-Bibliothek | ng-hub-ui-forms

Barrierefreie Angular-Formularfelder (Input, Textarea, Slider, Select, Datepicker) mit automatischer Anzeige von Fehlern auf Control-, Gruppen- und Formularebene, Reactive Forms und CSS-Variablen.

Interaktive Beispiele

Erkunde Live-Beispiele, die zeigen, wie sich die Bibliothek in gängigen Angular-Anwendungsfällen verhält.

Textfelder & automatische Fehler

We'll never share it.

Zahl, Zähler, Farbe, Schalter, Kontrollkästchen

Eingabegruppen, Datei & schwebendes Label

$.00
@
No file selected

Mustermasken (Karte, IBAN, Telefon, Datum)

Form value: { "card": "", "expiry": "", "iban": "", "phone": "", "date": "" }

OTP-Eingabe (Einmalcode)

Paste the 6-digit code we sent you.

Form value: { "code": "", "pin": "", "coupon": "" }

Textbereich mit Zähler & automatischer Größenanpassung

0 / 160
Grows as you type.

Slider & Bereich mit zwei Reglern

Dual-thumb range.

Auswahl & Mehrfachauswahl

Select a country
Pick some tags

Gruppierte Optionen

Select a city

Typeahead & Suche

Type to filter…
Search and add…

Eigene Options- und Label-Templates

Pick a teammate

Schaltflächen-, Radio- & Kontrollkästchenformate

Datepicker & Bereich

No future dates.
Date range.

Container & feldübergreifende Fehler

Password