tomk/paper-radio-group

A group of Material Design radio buttons

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

Notable breaking changes between 1.x and 2.x (hybrid):

IronSelectableBehavior and IronMultiSelectableBehavior, which are used by paper-radio-group, introduce multiple breaking changes. Please see the README for those behaviors for more detail.