iron-dropdown.html

<!--
@license
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->

<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="iron-dropdown-overlay.html">

<dom-module id="iron-dropdown">
  <template>
    <div on-tap="_onTriggerTap" class="content dropdown-trigger">
      <content select="[dropdown-trigger]"></content>
    </div>
    <iron-dropdown-overlay id="overlay">
      <content select="[dropdown-content]"></content>
    </iron-dropdown-overlay>
  </template>

  <script>
    (function() {
      'use strict';

      Polymer({
        is: 'iron-dropdown',

        properties: {

          /**
           * True if the menu is open.
           */
          opened: {
            type: Boolean,
            value: false,
            reflectToAttribute: true
          }
        },

        _onTriggerTap: function() {
          this.$.overlay.open();
        }
      });
    })();
  </script>
</dom-module>