PolymerElements/paper-radio-group

Name: paper-radio-group

Owner: PolymerElements

Description: A group of Material Design radio buttons

Created: 2015-04-20 17:23:05.0

Updated: 2018-05-09 08:27:38.0

Pushed: 2018-05-23 02:37:40.0

Homepage: null

Size: 124

Language: HTML

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

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:

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

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

er-radio-group selected="small" allow-empty-selection>
aper-radio-button name="small">Small</paper-radio-button>
aper-radio-button name="medium">Medium</paper-radio-button>
aper-radio-button name="large">Large</paper-radio-button>
per-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.