Name: iron-dropdown
Owner: PolymerElements
Description: An unstyled element that works similarly to a native browser select
Created: 2015-05-26 22:19:20.0
Updated: 2018-01-10 03:48:03.0
Pushed: 2018-01-16 23:37:11.0
Homepage: https://www.webcomponents.org/element/PolymerElements/iron-dropdown
Size: 194
Language: HTML
GitHub Committers
User | Most Recent Commit | # Commits |
---|
Other Committers
User | Most Recent Commit | # Commits |
---|
<iron-dropdown>
is a generalized element that is useful when you have
hidden content (dropdown-content
) that is revealed due to some change in
state that should cause it to do so.
Note that this is a low-level element intended to be used as part of other composite elements that cause dropdowns to be revealed.
Examples of elements that might be implemented using an iron-dropdown
include comboboxes, menubuttons, selects. The list goes on.
The <iron-dropdown>
element exposes attributes that allow the position
of the dropdown-content
relative to the dropdown-trigger
to be
configured.
n-dropdown horizontal-align="right" vertical-align="top">
iv slot="dropdown-content">Hello!</div>
on-dropdown>
In the above example, the <div>
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.
_focusTarget
which was deprecated.neon-animation 2.0
doesn't import the Web Animations polyfill, so you'll have to import it (see example)class="dropdown-content"
to slot="dropdown-content"