| OLD | NEW |
| (Empty) |
| 1 # paper-checkbox | |
| 2 | |
| 3 `paper-checkbox` is a button that can be either checked or unchecked. User | |
| 4 can tap the checkbox to check or uncheck it. Usually you use checkboxes | |
| 5 to allow user to select multiple options from a set. If you have a single | |
| 6 ON/OFF option, avoid using a single checkbox and use `paper-toggle-button` | |
| 7 instead. | |
| 8 | |
| 9 Example: | |
| 10 | |
| 11 ```html | |
| 12 <paper-checkbox>label</paper-checkbox> | |
| 13 | |
| 14 <paper-checkbox checked>label</paper-checkbox> | |
| 15 ``` | |
| 16 | |
| 17 Styling a checkbox: | |
| 18 | |
| 19 ```html | |
| 20 <style is="custom-style"> | |
| 21 paper-checkbox { | |
| 22 /* Unhecked state colors. */ | |
| 23 --paper-checkbox-unchecked-color: #5a5a5a; | |
| 24 --paper-checkbox-unchecked-ink-color: #5a5a5a; | |
| 25 | |
| 26 /* Checked state colors. */ | |
| 27 --paper-checkbox-checked-color: #009688; | |
| 28 --paper-checkbox-checked-ink-color: #009688; | |
| 29 } | |
| 30 </style> | |
| 31 ``` | |
| OLD | NEW |