Name Last Update
..
demo Loading commit data...
test Loading commit data...
.bower.json Loading commit data...
.gitignore Loading commit data...
README.md Loading commit data...
bower.json Loading commit data...
index.html Loading commit data...
metadata.html Loading commit data...
paper-checkbox.css Loading commit data...
paper-checkbox.html Loading commit data...

README.md

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:

<paper-checkbox>label</paper-checkbox>

<paper-checkbox checked>label</paper-checkbox>

Styling a checkbox:

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