Angular 2 Bootstrap Switch
This is a Angular 2 Component to add a switch like input. It's basically an Angular 2 port for this: Bootstrap-Switch.
Update 0.2
I'm using a Yeoman generator to create the library now link. This resolves the "ng build --prod" issue, but you need to change a few things when importing the component if you used a previous version.
Installation
$ npm install --save angular2-bootstrap-switch
Install animations package:
$ npm install @angular/animations --save
Then, add it to your app.module
...;;
For styling purposes, you should add the Bootstrap stylesheet to your index.html
Usage
In your component template you just need to add the component with the bindings you want. Like this:
All the attributes are optional.
status
: The current status of the switch (true|false). This is a two way binding
onText
: The text to show on the ON label of the switch
offText
: The text to show on the OFF label of the switch
onColor
: The color of the ON label of the switch ("blue"|"default"|"gray"|"green"|"red"|"sky-blue"|"yellow")
offColor
: The color of the OFF label of the switch ("blue"|"default"|"gray"|"green"|"red"|"sky-blue"|"yellow")
size
: The size of the switch ("mini"|"small"|"normal"|"large")
disabled
: Boolean value to enable/disabled the switch
Events:
statusChange
: Event fired on status change
Example
To see the component in action, here's a demo page: Demo