<koa-icon-button>

Es un botón con una imagen en el centro.

Incluye un set de iconos por defecto. Es necesario usar icon para especificar que icono del set de iconos se quiere utilizar.

Demo

Estilos

Propiedad personalizada Descripción Por defecto
--icon-button-disabled-text El color del texto del botón deshabilitado. --disabled-text-color
--icon-button Mixin para el botón. {}
--icon-button-disabled Mixin para el botón deshabilitado. {}
--icon-button-pressed-background-color Color de fondo cuando el botón está pulsado. --disabled-text-color

KoaIconButtonBehavior

Comportamientos

Polymer.IronButtonState
Propiedades
Nombre Tipo Descripción Por defecto
active Boolean Si es verdadero (true), el botón es un toggle y está marcado como activo. false
pressed Boolean Es verdadero (true) cuando el usuario está actualmente pulsando el botón. false
toggles Boolean Si es verdadero (true), el botón cambia al estado activo en 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 Si es verdadero (true), el elemento tiene el foco. false

Atributos del Host

Atributo Valor
role 'button'
tabindex 0

Propiedades

Nombre Tipo Descripción Por defecto
alt String Especifica el texto alternativo para el botón con el objetivo de mejorar la accesibilidad. false
icon String Especifica el nombre del icono o el índice en el set de iconos disponible. Si la propiedad del icono esta especificada, el src no debería estarlo.
src String La URL de una imagen para el icono. Sí la propiedad src está especificada el icon no debería estarlo.