#Fuel-UI
A set of UI components for use with Angular 2 and Bootstrap 4.
See Fuel-UI homepage for live demo and documentation.
##Dependencies
- Node
- Gulp
##Build Execute the following commands to run the demo in your local environment. A browser window pops up with the demo running at http://localhost:8000
npm install
gulp
##Installation
####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 font-awesome --save
Add this line to your dependencies in your package.json
"dependencies": {
...
"bootstrap": "git://github.com/twbs/bootstrap.git#v4.0.0-alpha.2"
}
And finally, add the proper script tags to your index.html
<head>
<link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="node_modules/fuel-ui/bundles/fuel-ui.css" />
</head>
...
<!-- All your SystemJS, Angular2, Rx, etc. scripts first! -->
<script src="node_modules/fuel-ui/bundles/fuel-ui.js"></script>##Components
- Alert
- Carousel (documentation in progress)
- Collapse
- DatePicker
- Dropdown
- InfiniteScroller
- Modal
- Pagination
- Progressbar
- Slider
- TableSortable
- Tabs
##Directives
##Pipes