A checkbox for AngularJS styled to fit the Twitter Bootstrap standard design
npm install angular-bootstrap-checkboxangular-bootstrap-checkbox
==========================
A checkbox for AngularJS styled to fit the Twitter Bootstrap standard design
Screenshot:
The standard checkboxes which use the input HTML element just don't look good in combination with Bootstrap.
Surprisingly, I could not find any nice looking, simple checkbox, so I built one. It is based on a button and Glyphicons which behaves like a normal checkbox.
The angular-bootstrap-checkbox is compatible to the use of the original AngularJS input[checkbox], with one minor change: while the original implementation allows an "uninitialized" or other then defined state of the model this one forces "false" or "ng-false-value" (not checked) when not set to "true" or "ng-true-value".
```
$ bower install angular-bootstrap-checkbox --save
Add "ui.checkbox" to your modules list. Then you can use it like AngularJS input[checkbox]:
``
name="custom-name" (Optional)
ng-true-value="The Truth" (Optional)
ng-false-value="The Untruth" (Optional)
ng-change="onChange()" (Optional)
indeterminate="true" (Optional)
ng-indeterminate-value="test" (Optional)
>
Additionally you can set the size:
``
And also style the checkboxes like Bootstrap buttons:
``
See index.html and app.js for examples and how it works.
Start web server e.g. via Python:
``
$ python -m SimpleHTTPServer 8000
Start Karma E2E tests (has to be installed globally before):
```
$ karma start
Copyright (c) 2016 Sebastian Hammerl, Getslash GmbH
Licensed under the MIT License