1 2<!--- 3 4This README is automatically generated from the comments in these files: 5paper-radio-group.html 6 7Edit those files, and our readme bot will duplicate them over here! 8Edit this file, and the bot will squash your changes :) 9 10The bot does some handling of markdown. Please file a bug if it does the wrong 11thing! https://github.com/PolymerLabs/tedium/issues 12 13--> 14 15[](https://travis-ci.org/PolymerElements/paper-radio-group) 16 17_[Demo and API docs](https://elements.polymer-project.org/elements/paper-radio-group)_ 18 19 20##<paper-radio-group> 21 22Material design: [Radio button](https://www.google.com/design/spec/components/selection-controls.html#selection-controls-radio-button) 23 24`paper-radio-group` allows user to select at most one radio button from a set. 25Checking one radio button that belongs to a radio group unchecks any 26previously checked radio button within the same group. Use 27`selected` to get or set the selected radio button. 28 29The <paper-radio-buttons> inside the group must have the `name` attribute 30set. 31 32Example: 33 34```html 35<paper-radio-group selected="small"> 36 <paper-radio-button name="small">Small</paper-radio-button> 37 <paper-radio-button name="medium">Medium</paper-radio-button> 38 <paper-radio-button name="large">Large</paper-radio-button> 39</paper-radio-group> 40``` 41 42Radio-button-groups can be made optional, and allow zero buttons to be selected: 43 44```html 45<paper-radio-group selected="small" allow-empty-selection> 46 <paper-radio-button name="small">Small</paper-radio-button> 47 <paper-radio-button name="medium">Medium</paper-radio-button> 48 <paper-radio-button name="large">Large</paper-radio-button> 49</paper-radio-group> 50``` 51 52See <a href="paper-radio-button">paper-radio-button</a> for more 53information about `paper-radio-button`. 54 55| Custom property | Description | Default | 56| --- | --- | --- | 57| `--paper-radio-group-item-padding` | The padding of the item | `12px` | 58 59 60
){kind=link}