# Guide d'utilisation
Découvrez comment utiliser le builder de formulaires.
Vous trouverez le json à remplir dans le dossier /templates à la racine du projet.
```json
"formTitle": "Formulaire Abonnement Hyundai Leasing",
"subTitle": "Demandez à être rappelé par l’un de nos conseiller Hyundai",
"validation": "Votre demande a été envoyée avec succès",
```
Au sein de ces clés valeurs, vous pourrez définir respectivement :
1. Le titre de votre formulaire
2. Le sous-titre de votre formulaire
3. Le message de validation affiché une fois le formulaire soumit
**Voici un exemple gérant les champs Nom et Prénom dans un formulaire**
```json
{
"rowClass": "row",
"fields": [
{
"fieldName": "firstName",
"match": "firstName",
"id": "firstName",
"label": "Prénom",
"name": "firstName",
"class": "col-xs-12 col-sm-4 col-sm-offset-2",
"required": true
},
{
"fieldName": "lastName",
"match": "lastName",
"id": "lastName",
"label": "Nom",
"name": "lastName",
"class": "col-xs-12 col-sm-4",
"required": true
}
]
}
```
Tout d'abord, il faut définir la clé valeur suivante afin de définir une rangée qui comportera les champs :
```
"rowClass": "row"
```
Ensuite il faut définir un tableau pour définir ses champs :
```
"fields" : []
```
Pour créer un champ (par exemple 'Nom'), vous aurez besoin de resneigner entre les crochets de la clé "fields" les clés valeurs suivantes :
```
"fieldName" : "lastName"
"match": "lastName",
"id": "lastName",
"name": "lastName",
```
C'est important pour ces clés d'avoir la même valeur, sinon votre champ risque de ne pas fonctionner correctement. Définissez ensuite le label pour donner à votre champ le nom que vous souhaitez afficher :
```
"label": "Libre à vous de décider"
```
Si vous reseignez la clé valeur suivante, L'utilisateur de votre formulaire sera obligé de remplir le champ afin de valider le formulaire :
```
"required" : true
```