OLD | NEW |
(Empty) | |
| 1 |
| 2 <!--- |
| 3 |
| 4 This README is automatically generated from the comments in these files: |
| 5 paper-radio-group.html |
| 6 |
| 7 Edit those files, and our readme bot will duplicate them over here! |
| 8 Edit this file, and the bot will squash your changes :) |
| 9 |
| 10 The bot does some handling of markdown. Please file a bug if it does the wrong |
| 11 thing! 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-g
roup)_ |
| 18 |
| 19 |
| 20 ##<paper-radio-group> |
| 21 |
| 22 Material design: [Radio button](https://www.google.com/design/spec/components/se
lection-controls.html#selection-controls-radio-button) |
| 23 |
| 24 `paper-radio-group` allows user to select at most one radio button from a set. |
| 25 Checking one radio button that belongs to a radio group unchecks any |
| 26 previously checked radio button within the same group. Use |
| 27 `selected` to get or set the selected radio button. |
| 28 |
| 29 The <paper-radio-buttons> inside the group must have the `name` attribute |
| 30 set. |
| 31 |
| 32 Example: |
| 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 |
| 42 Radio-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 |
| 52 See <a href="paper-radio-button">paper-radio-button</a> for more |
| 53 information 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 |
OLD | NEW |