Angular Forms Library | ng-hub-ui-forms
Accessible Angular form fields (input, textarea, slider, select, datepicker) with automatic control/group/form error display, reactive forms and CSS variables.
Interactive examples
Explore live examples that show how the library behaves in common Angular use cases.
Text fields & auto-errors
This example contains tests. Open it in a development environment to run them.
Number, counter, color, switch, checkbox
This example contains tests. Open it in a development environment to run them.
Input groups, file & floating label
This example contains tests. Open it in a development environment to run them.
Pattern masks (card, IBAN, phone, date)
This example contains tests. Open it in a development environment to run them.
One-time-code (OTP) input
This example contains tests. Open it in a development environment to run them.
Textarea with counter & autoresize
This example contains tests. Open it in a development environment to run them.
Slider & dual-thumb range
This example contains tests. Open it in a development environment to run them.
Select & multiselect
This example contains tests. Open it in a development environment to run them.
Grouped options
This example contains tests. Open it in a development environment to run them.
Typeahead & search
This example contains tests. Open it in a development environment to run them.
Custom option & label templates
This example contains tests. Open it in a development environment to run them.
Buttons, radio & checkbox formats
This example contains tests. Open it in a development environment to run them.
Datepicker & range
This example contains tests. Open it in a development environment to run them.
Containers & cross-field errors
This example contains tests. Open it in a development environment to run them.