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...
hero.svg Loading commit data...
index.html Loading commit data...
paper-radio-button.css Loading commit data...
paper-radio-button.html Loading commit data...

README.md

paper-radio-button

paper-radio-button is a button that can be either checked or unchecked. User can tap the radio button to check or uncheck it.

Use a <paper-radio-group> to group a set of radio buttons. When radio buttons are inside a radio group, exactly one radio button in the group can be checked at any time. Example:

<paper-radio-button></paper-radio-button>
<paper-radio-button>Item label</paper-radio-button>

Styling a radio button:

<style is="custom-style">
  :root {
    /* Unchecked state colors. */
    --paper-radio-button-unchecked-color: #5a5a5a;
    --paper-radio-button-unchecked-background-color: #fff;
    --paper-radio-button-unchecked-ink-color: #5a5a5a;

    /* Checked state colors. */
    --paper-radio-button-checked-color: #009688;
    --paper-radio-button-checked-ink-color: #0f9d58;

    --paper-radio-button-label-color: black;
  }
</style>