paper-button-group.html

<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../iron-selector/iron-selectable.html">
<!--link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html"-->

<!--
`paper-button-group` allows user to select only one button from a set.
Checking one button that belongs to a group unchecks any
previously checked button within the same group. Use
`selected` to get or set the selected button.

Example:

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

See <a href="paper-button">paper-button</a> for more
information about `paper-button`.

@element paper-button-group
@demo demo/index.html
-->
<dom-module id="paper-button-group">
    <template>
        <slot></slot>
    </template>
</dom-module>
<script>
    Polymer({

        is: 'paper-button-group',

        behaviors: [
            Polymer.IronSelectableBehavior,
            Polymer.IronA11yKeysBehavior
        ],

        ready: function () {
            this.selectable = 'paper-button';
            this.selectedAttribute = 'active';
        }

    });

</script>