Francette
Simple components and style sheets for Angular 2.0 or higher.
Please see this directory and learn how to use this.
Modules
Name | Modules | Notes |
---|---|---|
Buttons | FrButtonModule |
|
Chips | FrChipModule |
|
Data table | FrDataTableModule |
Consists of header , columns , rows and footer components. |
Dialog | FrDialogModule |
|
Forms | FrFormsModule |
Includes checkbox , date-picker , input[type="file"] , input[type="text"] , radio , select , switch and time-picker . |
Navbar | FrNavbarModule |
|
Notification | FrNotificationModule |
|
Progress bar/spinner | FrProgressModule |
|
Ripple Effect | FrRippleModule |
|
Sidenav | FrSideNavModule |
It works with FrNavbarModule . |
Tabs | FrTabsModule |
|
Toaster | FrToasterModule |
Installation
$ npm install --save francette
# or
$ yarn add --save francette
Getting started
Add FrancetteModule
to your NgModule imports array.
;;
If you don't need all the FrancetteModule
but need some parts of the module, you can import partial modules, say FrFormsModule
or FrTabsModule
.
;;
Version Compatibility
Angular version | Francette Version |
---|---|
2.x | 0.6 or lower |
4.x | 0.7 |
5.x | 0.8 |
6.x | 0.9 |
7.x | 0.10 |