v1.0.0-beta1

Live Demo ↗
API Documentation ↗

Features

• Polymer 2.0 support
• Native <checkbox> attributes: checked, indeterminate, disabled
• Has focused attribute when checkbox is focused
• Has focus-ring attribute when checkbox is focused using keyboard
• Has active attribute when checkbox is being pressed
• Themable parts:[part~="wrapper"], [part~="native-checkbox"], [part~="checkbox"], [part~="label"]

No Changes Since v1.0.0-alpha8

v1.0.0-alpha8

Live Demo →
API Documentation →

Changes Since v1.0.0-alpha7:

• 036bd43 Bump vaadin-demo-helpers to ^1.0.0

• f654dc4 Documentation update

• fb6c133 94b8367 Update README.md

v1.0.0-alpha7

Live Demo →
API Documentation →

Changes Since v1.1.0-alpha6:

• 92f6968 Do not rely on key actions in visual tests
• b70bb46 Updates for documentation

v1.0.0-alpha6 - Restore Gesture event listener

Live Demo →
API Documentation →

• fix active state #34

v1.0.0-alpha5 — Adapt demos for new vaadin.com

Live Demo →
API Documentation →

Changes Since v1.0.0-alpha4:

• 957ba5f Downgrade vaadin-themable-mixin

• ff94ffe Adding annotations for mixins

• 3b9af70 Adapting demos to new site

• b3b4296 Fix webcomponents.org example for Firefox

• d9f7f24 Bump web-component-tester to 6.1.5 (#32)

• 61a78b7 Add support for toggling by clicking the host and .click() (#24)

• 8d12198 Add explanation and link to indeterminate state docs

• a5f3030 Remove Polymer.GestureEventListeners

• c4b99c9 Add 'API documentation' link

v1.0.0-alpha4

Live Demo →

API Documentation →

Changes:

• 877a7ec Remove gray highlight when tapping disabled state
• 37401c4 Remove native outline for checkbox (Firefox)
• 293cd70 Fix visial test path
• 73f52fc Separate accessibility tests

v1.0.0-alpha3

Live Demo →

API Documentation →

Changes:

• Fix setting mixed value for aria-checked (#9)
• Fix changing the indeterminate state on space press (#8)

v1.0.0-alpha2

Live Demo →

API Documentation →

Changes:

• checkbox fixed on iPhone (#6)

v1.0.0-alpha1 — First Alpha Release ☑

Live Demo ↗

API Documentation ↗

Features

• Polymer 2.0 support

• Native <checkbox> attributes: checked, indeterminate, disabled

• Has focused attribute when checkbox is focused

• Has focus-ring attribute when checkbox is focused using keyboard

• Has active attribute when checkbox is being pressed

• Themable using style modules:

  <dom-module id="checkbox-styles" theme-for="vaadin-checkbox">
    <template>
      <style>
        [part~="wrapper"] {
          /* styles for the `<label>` element which wrapps the native checkbox with label */
        }
  
        [part~="native-checkbox"] {
          /* styles for the `<input type="checkbox">` element */
        }
  
        [part~="checkbox"] {
          /* styles for the `<span>` element - custom graphical check */
        }
  
        [part~="label"] {
          /* styles for the `<span>` element with slotted text/HTML label */
        }
      </style>
    </template>
  </dom-module>