blob: 505cd5e6cf2edd0b8258c8382c2516eb9343b3be [file] [log] [blame]
<link rel="import" href="/components/paper-dropdown-menu/paper-dropdown-menu.html">
<link rel="import" href="/components/paper-dropdown/paper-dropdown.html">
<link rel="import" href="/components/core-menu/core-menu.html">
<link rel="import" href="/components/paper-item/paper-item.html">
<polymer-element name="select-menu" attributes="menuItems">
<template>
<style>
</style>
<paper-dropdown-menu>
<paper-dropdown class="dropdown">
<core-menu class="menu" valueattr="label" id="menu">
<template repeat="{{menuItems}}">
<paper-item label="{{}}">{{}}</paper-item>
</template>
</core-menu>
</paper-dropdown>
</paper-dropdown-menu>
</template>
<script>
'use strict';
Polymer('select-menu', {
select: function(label) {
this.$.menu.selected = label;
},
get selected() {
return this.$.menu.selected;
}
});
</script>
</polymer-element>