third_party/polymer/v1_0/components-chromium/paper-radio-group/paper-radio-group.html

   1 <!--
   2 @license
   3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
   4 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
   5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
   6 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
   7 Code distributed by Google as part of the polymer project is also
   8 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
   9 --><html><head><link rel="import" href="../polymer/polymer.html">
  10 <link rel="import" href="../iron-selector/iron-selectable.html">
  11 <link rel="import" href="../paper-radio-button/paper-radio-button.html">
  12 <link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html">
  13
  14 <!--
  15 `paper-radio-group` allows user to select only one radio button from a set.
  16 Checking one radio button that belongs to a radio group unchecks any
  17 previously checked radio button within the same group. Use
  18 `selected` to get or set the selected radio button.
  19
  20 Example:
  21
  22     <paper-radio-group selected="small">
  23       <paper-radio-button name="small">Small</paper-radio-button>
  24       <paper-radio-button name="medium">Medium</paper-radio-button>
  25       <paper-radio-button name="large">Large</paper-radio-button>
  26     </paper-radio-group>
  27
  28 See <a href="paper-radio-button.html">paper-radio-button</a> for more
  29 information about `paper-radio-button`.
  30
  31 @group Paper Elements
  32 @element paper-radio-group
  33 @hero hero.svg
  34 @demo demo/index.html
  35 -->
  36
  37 </head><body><dom-module name="paper-radio-group">
  38   <style>
  39     :host {
  40       display: inline-block;
  41     }
  42
  43     :host ::content > * {
  44       padding: 12px;
  45     }
  46   </style>
  47
  48   <template>
  49       <content id="items" select="*"></content>
  50   </template>
  51
  52 </dom-module>
  53
  54 <script src="paper-radio-group-extracted.js"></script></body></html>