An unstyled element that works similarly to a native browser select
npm install @polymer/iron-dropdown
positioned relative to another element.
See: Documentation,
Demo.
``
npm install --save @polymer/iron-dropdown
`html`
Hello!
`js
import {PolymerElement, html} from '@polymer/polymer';
import '@polymer/iron-dropdown/iron-dropdown.js';
class SampleElement extends PolymerElement {
static get template() {
return html
Hello!
;
}
_openDropdown() {
this.$.dropdown.open();
}
}
customElements.define('sample-element', SampleElement);
`
In the above example, the
assigned to the dropdown-content slot will
be hidden until the dropdown element has opened set to true, or when the
open method is called on the element.Contributing
If you want to send a PR to this element, here are the instructions for running
the tests and demo locally:
$3
`sh
git clone https://github.com/PolymerElements/iron-dropdown
cd iron-dropdown
npm install
npm install -g polymer-cli
`$3
sh
polymer serve --npm
open http://127.0.0.1:/demo/
`$3
sh
polymer test --npm
``