angular-bootstrap-checkbox

angular-bootstrap-checkbox
==========================

A checkbox for AngularJS styled to fit the Twitter Bootstrap standard design

Screenshot:

!Screenshot

$3

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".

$3

``
$ bower install angular-bootstrap-checkbox --save
`

$3

Add "ui.checkbox" to your modules list. Then you can use it like AngularJS input[checkbox]:

`
ng-model="checkboxModel"
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:

`
(Normal size, corresponds to 'btn-xs')
(Large, corresponds to 'btn-sm')
(Larger, corresponds to Button default size)
(Largest, corresponds to 'btn-lg')
`

!Screenshot

And also style the checkboxes like Bootstrap buttons:

`
(Looks like primary button)
(Looks like success button)
(Looks like info button)
(Looks like warning button)
(Looks like danger button)
`

!Screenshot

See index.html and app.js for examples and how it works.

$3

Start web server e.g. via Python:
`
$ python -m SimpleHTTPServer 8000
`

Start Karma E2E tests (has to be installed globally before):
`
$ karma start
``

$3

Copyright (c) 2016 Sebastian Hammerl, Getslash GmbH

Licensed under the MIT License