JSFiddle - React, Tailwind, and code Playground
HTML
<base href="https://polygit.org/*+:master/components/">
<link rel="import" href="polymer/polymer.html">
<link rel="import" href="paper-dropdown-menu/paper-dropdown-menu.html">
<link rel="import" href="paper-listbox/paper-listbox.html">
<link rel="import" href="paper-item/paper-item.html">
<dom-module id="x-foo">
<template>
<paper-dropdown-menu>
<paper-listbox class="dropdown-content" selected="100">
<template is="dom-repeat" items="[[items]]">
<paper-item>[[item]]</paper-item>
</template>
</paper-listbox>
</paper-dropdown-menu>
</template>
</dom-module>
<x-foo></x-foo>
JavaScript
/* Polymer({
is: 'x-foo',
properties: {
items: {
type: Array,
value: function() {
var arr = [];
for (var i = 0; i < 200; i++)
arr.push(i);
return arr;
}
}
},
}); */