## Checkbox

For creating SD styled checkboxes use the custom `<sd-check>` tag. The text inside the tag creates the label for the sd-checkbox. By default the label will be placed on the right side of checkbox, to place it on the left add the property `label-position="left"`. To create the button styled checkbox add `label-position="inside"` to the sd-check tag. `ng-model` must be defined for proper functionality. To initially check item, add `ng-checked="true"`.

To include an icon to the button style checkboxes add the data attribute `data-icon` to `sd-check`. Use the desired icon name, without the "icon-" prefix, as the value. If the data attribute `data-icon` is present the button style will be applied automatically, there is no need to add `label-position="inside"`, although it will work with it as well. For all available icons options check out the Icon font.

Example Markup

// Basic SD checkbox

Checkbox label right Check me! Check me too! I'm disabled :( I'm disabled and checked :(
Checkbox label left
Checkbox with custom values

// Button style checkbox

Button style checkbox Check this out Check this too! U can't touch this!

// Button style with icon

Button style with icon I have an icon! Yeah, me too! I have an icon :)

                            Checkbox label right
                            Check me!
                            Check me too!
                            I'm disabled :(
                            I'm disabled and checked :(

                            Checkbox label left

                            Checkbox with custom values

                            Button style checkbox
                            Check this out
                            Check this too!
                            U can't touch this!

                            Button style with icon
                            I have an icon!
                            Yeah, me too!
                            I have an icon :)