<koa-dropdown-menu>

Es similar al elemento nativo del navegador select. Funciona con un contenido seleccionable. El elemento seleccionado se muestra en el control. Si no hay ningún elemento seleccionado, se muestra la etiqueta en su lugar.

El elemento hijo con la clase dropdown-content será usado como el menú del dropdown.

Demo

Estilos

Propiedad personalizada Descripción Por defecto
--dropdown-menu Un mixin que es aplicado al host del elemento. {}
--dropdown-menu-disabled Un mixin que es aplicado al host del elemento cuando está deshabilitado. {}
--dropdown-menu-button Un mixin que es aplicado al menú del botón. {}
--dropdown-menu-input Un mixin que es aplicado al input. {}
--dropdown-menu-icon Un mixin que es aplicado al icono. {}

KoaDropdownMenuBehavior offers

Comportamientos

Polymer.IronButtonState
Propiedades
Nombre Tipo Descripción Por defecto
active Boolean Si es verdadero (true), el botón es un toggle y está activo. false
pressed Boolean Es verdadero (true), cuando el usuario está pulsando el botón. false
toggles Boolean Si es verdadero (true), el toggle del botón se activará con cada tap o pulsando la tecla de espacio. false
Polymer.IronControlState
Propiedades
Nombre Tipo Descripción Por defecto
disabled Boolean Si es verdadero (true), el usuario no puede interactuar con este elemento. false
focused Boolean Es verdadero (true), cuando el elemento tiene el foco. false
Polymer.IronFormElementBehavior
Propiedades
Nombre Tipo Descripción Por defecto
name String El nombre del elemento.
required Boolean Se establece a verdadero para hacer que el input sea requerido. Sí lo usas en un formulario, un elemento personalizado que use este comportamiento deberá también usar Polymer.IronValidatableBehavior y definir un método de validación personalidado. De otro modo, un elemento requerido siempre será considerado válido. Es muy recomendable que se proporcione un estilo visual para el elemento cuando su valor no sea válido. false
value String El valor de este elemento será usado cuando se envia en un formulario, es de solo lectura y tendrá siempre el mismo valor que selectedItemLabel.
Propiedades
Nombre Tipo Descripción Por defecto
label String La etiqueta del dropdown.
noAnimations Boolean Se establece a verdadero (true) para deshabilitar animaciones cuando se abre y cierra el dropdown. false
opened Boolean Es verdadero si el dropdown está abierto, de otro modo, será falso (false). false
placeholder String El placeholder del dropdown.
selectedItem Object El último elemento seleccionado. Un elemento está seleccionado si el menú del dropdown tiene un hijo con la clase dropdown-content, y este hijo contiene un evento iron-select con el elemento seleccionado item en el detail.
selectedItemLabel String La "etiqueta" derivada del elemento seleccionado actualmente. Este valor es la propiedad del label del elemento seleccionado si dicha propiedad está establecida, en caso contrario será el contenido reducido del texto del elemento seleccionado.
value String El valor de este elemento será usado cuando se envíe en un formulario. Es de solo lectura y siempre tendrá el mismo valor que selectedItemLabel.
Métodos
Nombre Descripción
close() Oculta el contenido del dropdown.
open() Muestra el contenido del dropdown.