<koa-checkbox>

Es un botón del tipo checkbox que puede estar marcado o desmarcado. El usuario puede hacer tap en el botón para marcar o desmarcarlo. Normalmente, este tipo de botón se usa para permitir al usuario seleccionar una o varias opciones de un conjunto.

Demo

Estilos

Propiedad personalizada Descripción Por defecto
--checkbox-unchecked-background-color Color de fondo del checkbox cuando no está marcado. transparent
--checkbox-unchecked-color Color del borde del checkbox cuando no está marcado. --primary-text-color
--checkbox-checked-color Color del checkbox cuando está marcado. --default-primary-color
--checkbox-checkmark-color Color de la marca del checkbox. white
--checkbox-label-color Color de la etiqueta --primary-text-color
--checkbox-label-spacing Espacio entre la etiqueta y el checkbox. 8px
--checkbox-error-color Color del checkbox cuando no es válido. #db4437

KoaCheckboxBehavior

Comportamientos

Polymer.IronButtonState
Propiedades
Nombre Tipo Descripción Por defecto
active Boolean Si es verdadero (true), el botón es un toggle con el estado activo. false
pressed Boolean Es verdadero (true) cuando el usuario está pulsando el botón. false
toggles Boolean Si es verdadero (true), el botón cambia al estado activo con cada tap o pulsando la barra de espacio. true
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
Polymer.IronCheckedElementBehavior
Propiedades
Nombre Tipo Descripción Por defecto
checked Boolean Obtiene o establece el estado, verdadero (true) es marcado y falso (false) desmarcado. false
name String El nombre de este elemento.
required Boolean Si se establece averdadero (true), el input será requerido. Si se usa en un formulario, cualquier 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
toggles Boolean Si es verdadero (true), el botón cambia al estado activo con cada tap o pulsando la tecla de espacio. true
value String El valor para este elemento. 'on'

Atributos del Host

Atributo Valor
aria-checked false
role 'checkbox'
tabindex 0