Fork our Quickstart! https://github.com/coryshaw1/ng2-play/
If you would like to add Fuel-UI to your Angular2 project through npm manually, do the following:
npm install fuel-ui --save
Then simply add the proper module(s) to your base component
import {{'{'}} FuelUiModule {{'}'}} from 'fuel-ui';
@NgModule({{'{'}}
bootstrap: [ YourBaseComponent ],
declarations: [ YourBaseComponent, ... ],
imports: [ FuelUiModule, ... ],
providers: [ ... ]
{{'}'}})
FuelUiModule
will add access to every Fuel-UI module to your project. If you wish to minimize the amount of imports, you can also mix and match the following modules:
import {{'{'}}
FuiAnimationsModule, //All animations
FuiComponentsModule, //All components
FuiDirectivesModule, //All directives
FuiPipesModule //All pipes
{{'}'}} from 'fuel-ui';
@NgModule({{'{'}}
bootstrap: [ YourBaseComponent ],
declarations: [ YourBaseComponent, ... ],
imports: [ FuiAnimationsModule, FuiComponentsModule, FuiDirectivesModule, FuiPipesModule, ... ],
providers: [ ... ]
{{'}'}})
To make your imports even more modular, every demo page will have the Fuel-UI component/directive/etc's module. This way you'll be able to import even less. FuiDatePickerModule
for example.