/paper-radio-group

A group of Material Design radio buttons

Primary LanguageHTML

Build status

Demo and API docs

##<paper-radio-group>

Material design: Radio button

paper-radio-group allows user to select at most one radio button from a set. Checking one radio button that belongs to a radio group unchecks any previously checked radio button within the same group. Use selected to get or set the selected radio button.

The inside the group must have the name attribute set.

Example:

<paper-radio-group selected="small">
  <paper-radio-button name="small">Small</paper-radio-button>
  <paper-radio-button name="medium">Medium</paper-radio-button>
  <paper-radio-button name="large">Large</paper-radio-button>
</paper-radio-group>

Radio-button-groups can be made optional, and allow zero buttons to be selected:

<paper-radio-group selected="small" allow-empty-selection>
  <paper-radio-button name="small">Small</paper-radio-button>
  <paper-radio-button name="medium">Medium</paper-radio-button>
  <paper-radio-button name="large">Large</paper-radio-button>
</paper-radio-group>

See paper-radio-button for more information about paper-radio-button.

Custom property Description Default
--paper-radio-group-item-padding The padding of the item 12px