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