PolymerElements/iron-dropdown

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

UserMost Recent Commit# Commits

Other Committers

UserEmailMost Recent Commit# Commits

README

Build status

Demo and API docs

<iron-dropdown>

<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.

Changes in 2.0

This work is supported by the National Institutes of Health's National Center for Advancing Translational Sciences, Grant Number U24TR002306. This work is solely the responsibility of the creators and does not necessarily represent the official views of the National Institutes of Health.