Dash Banner has been converted to use ES6 and Webpack, however it is still being shipped with a bundled Javascript file for use with pre-ES6 applications. Instructions for both are included.
Dash-Banner.js is delivered as a bower component.
- Install bower
npm install -g bower
Note: Bower requires node, npm and git.
- Create a
bower.json
file
bower init
- Install the dash-banner.js bower component and save it to your
bower.json
file
bower install dash-banner.js --save
- Dashing Framework
- Add an element with
data-id=dash-banner-container
to your page. - Additional examples
Include component styles in your main application SASS file.
@import "path/to/dash_banner/dist/dash-banner"
- Add
<script src="path/to/dash_banner/dist/dash-banner.js"></script>
to your index. DashBanner.View.flashSuccess("Great Success!");
import DashBannerView from "path/to/dash_banner/scripts/dash_banner/view.js"
DashBannerView.flashSuccess("Great Success!");
- install node/npm
npm run setup
For a single run of the tests:
npm test
To run the tests with a watcher:
npm run karma
npm start
- Open
http://localhost:8080/webpack-dev-server
- Update the changelog
- Commit your changes
- Run
./bower_deploy.sh
Note: With the addition of the font icons, the icons will not display unless the page is loaded into a web server. grunt uxServer is not available to be ran in this component as of now, however apache or stack can be used to run it properly (LAMP/WAMP/MAMP).