Ffas
The simply Angular components library.
Instaling
npm i ffas-lib or when you pulled project with this library use just npm i
Using
Input
Importing: FfInputModule.
Use <ff-input [(ngModel)]="" name=""></ff-input> with additional: label, placeholder, pattern, maxlength, minlength, requried.
You can also add icon to input by adding between ff-input tags icon with icon directive (<i class="icon" icon></i>).
Button
Importing: FfButtonModule.
Use normal <button> tag with ffButon directive or two other ones: ffButtonText or ffButtonOutline.
You can also add icon to button by adding between button tags icon with icon directive (<i class="icon" icon></i>).
Dropdown
Importing: FfDropdownModule.
Use <ff-dropdown [(ngModel)]="" name="" [options]=""></ff-dropdown> with additional: label, placeholder, pattern, requried.
You can also add two more options: value to get value from object list (ex. id), display to display one property from object list (ex. name).
Example: <ff-dropdown [(ngModel)]="selectedId" name="selectedId" [options]=[{id: 1, name: "One"}, {id:2, name: "Two"}] display="name", value="id" - here in dropdown user will see name options from objects, but in selectedId will only be id of selected object. You can set value empty to set ngModel whole selected Object. You can set display empty if you want to display list element (ex. when you have array of strings).