Name Last Update
..
demo Loading commit data...
test Loading commit data...
.bower.json Loading commit data...
.gitignore Loading commit data...
.travis.yml Loading commit data...
CONTRIBUTING.md 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.html Loading commit data...

README.md

Build Status

Demo and API Docs

##<paper-radio-button>

Material design: 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

The following custom properties and mixins are available for styling:

Custom property Description Default
--paper-radio-button-unchecked-background-color Radio button background color when the input is not checked transparent
--paper-radio-button-unchecked-color Radio button color when the input is not checked --primary-text-color
--paper-radio-button-unchecked-ink-color Selected/focus ripple color when the input is not checked --primary-text-color
--paper-radio-button-checked-color Radio button color when the input is checked --default-primary-color
--paper-radio-button-checked-ink-color Selected/focus ripple color when the input is checked --default-primary-color
--paper-radio-button-label-color Label color --primary-text-color
--paper-radio-button-label-spacing Spacing between the label and the button 10px