Bibliothèque de Formulaires Angular | ng-hub-ui-forms

Champs de formulaire Angular accessibles (input, textarea, slider, select, datepicker) avec affichage automatique des erreurs de contrôle/groupe/formulaire, formulaires réactifs et variables CSS.

Exemples interactifs

Explorez des exemples en direct qui montrent comment la bibliothèque se comporte dans les cas d’usage Angular courants.

Champs de texte et erreurs automatiques

We'll never share it.

Nombre, compteur, couleur, interrupteur, case à cocher

Groupes de champs, fichier et libellé flottant

$.00
@
No file selected

Masques de saisie (carte, IBAN, téléphone, date)

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

Saisie de code à usage unique (OTP)

Paste the 6-digit code we sent you.

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

Zone de texte avec compteur et redimensionnement automatique

0 / 160
Grows as you type.

Slider et plage à double curseur

Dual-thumb range.

Sélection et sélection multiple

Select a country
Pick some tags

Options groupées

Select a city

Typeahead et recherche

Type to filter…
Search and add…

Modèles d’option et d’étiquette

Pick a teammate

Boutons, formats radio et case à cocher

Datepicker et plage

No future dates.
Date range.

Conteneurs et erreurs inter-champs

Password