Akkurate Design System Form

Par Subvitamine(tm)

Composants de formulaire pour application Angular 4+

Dépendances

Pour faire fonctionner correctement cette librairie, vous aurez besoin des dépendances suivantes :

• Bootstrap 4+
• Material Icons
• Fontawesome

Importer le module dans votre application

Ajouter adsform dans votre fichier "app.module.ts"

import {AdsformModule} from "adsform"

@NgModule({
    ...
    imports: [
        AdsformModule
    ]
    ...
})

Appeler un composant depuis une vue

Par exemple, pour ajouter un champ de type "input" votre fichier HTML doit ressembler à ceci :

<akk-input
    type="text"
    name="firstname"
    [model]="user"
    id="firstname"
    label="Entrez un prénom"
    placeholder="John"
    customclass="form-control-sm"
    step="2"
    [required]="true"
    (onload)="firstnameLoad($event)"
    (onblur)="firstnameBlur($event)"
    (onchange)="firstnameChange($event)">
</akk-input>

Et votre fichier TS doit ressembler à cela :

export class YourComponent implements OnInit {

    public user: any = {
        firstname: null
    };

    ngOnInit() {}

    firstnameLoad(firstname) {
        console.log('Firstname loaded : ', firstname);
    }

    firstnameBlur(firstname) {
        console.log('Firstname blured : ', firstname);
    }

    firstnameChange(firstname) {
        console.log('Firstname changed : ', firstname);
    }

}