v2.2.0-beta2

Live Demo →
API Documentation →

Changes Since 2.2.0-alpha3:

• b6d64dc Update bower main to inclue MD for modulizer conversion
• 5ac9f61 Update vaadin dependencies
• 1674c0d Update some Vaadin dependencies to latest versions
• 3edee4a Set value to the new array instance every time

v2.2.0-alpha3

Live Demo →
API Documentation →

New features

• vaadin-checkbox-group

Usage example and live demo of vaadin-checkbox-group can be found here: https://cdn.vaadin.com/vaadin-checkbox/2.2.0-alpha3/#/elements/vaadin-checkbox/demos/demo/index.html

Changes Since v2.2.0-alpha2:

• f8d678e Fix Bower semver ranges (#107)

• fad5e6f Added visual tests for validation error state.

• 32a9018 Added validation APIs to checkbox group

• 8cd5c77 Added visual test for label in checkbox group.

• d2e9e88 Fixed end of line problem with gulp-html-extract plugin on Windows.

• 8cec673 Added label for vaadin-checkbox-group

• cdc4423 Align with skeleton: Run visual tests against Chrome and Firefox only (#104)

• c2644c2 Added vaadin-checkbox-group MVP

• c1df3c3 Align with skeleton: Remove Polymer 2 mention

v2.2.0-alpha2

Live Demo →
API Documentation →

Changes Since 2.2.0-alpha1:

• 872223b Do not depend on p3-preview
• fa94c50 Merge 'master' into p3-preview

v2.2.0-alpha1

Live Demo →
API Documentation →

Changes Since 2.1.1:

• 6d76248 Move src import from styled file to element one
• 608fe49 Depend on stable version of material styles
• 338278e Adding theme/material
• eaaa47e Add coveralls
• f4051bc Add test coverage threshold

v2.1.1

Changes Since v2.1.0:

• b5e003d Prevent toggling on links click inside a label (#93)

• 7ef1fae Enable visual tests with Lumo

change event

Live Demo →
API Documentation →

New features

• dispatch a change event on user action (#92)

Implementation is aligned with input[type="checkbox"] as it is only fired when the user changes the value by interacting with the component.

  const myCheckbox = document.getElementById('my-checkbox')
  
  myCheckbox.addEventListener('change', () => {
    console.log(myCheckbox.checked)
  })

Styling

• Remove margin on input[type="checkbox"] (#89) thanks to @abdonrd

v2.0.0

Live Demo →
API Documentation →

Changes Since 2.0.0-beta2:

• 4cc020f Remove will-change properties
• 2b5fc46 Adding description file for Vaadin Directory

⚠️ Breaking Changes Since v1.x:

• The element uses Lumo theme by default. The previous default theme has been dropped. You can import the unstyled version from the src/vaadin-checkbox.html
• Removed non-semantic wrapper and native-checkbox styling parts. The element still uses native button under the hood, but that one is now considered as implementation detail
• The checkbox part should be used to display the visual checkbox.

v2.0.0-beta2

Live Demo →
API Documentation →

Changes Since v2.0.0-beta1:

• cc7a37f; 1303e1c Add toggleChecked to handle programmatically invoked click

• f1a5293 Align with skeleton: use stable Chrome in travis

• 021cd6e Update gitter link in readme

• 59411f8 Align with skeleton: refer to Vaadin components instead of elements

• 3c7dc78 Align with skeleton: update stylelint and gulp-stylelint

• 37ccc6c Enable tests for Safari 9

• 51dc7b5 Remove native outline from host

• b899e47 Remove useless closing tag from demos

v2.0.0-beta1 — First Beta version using Lumo theme by default

Live Demo →
API Documentation →

⚠️ Breaking Changes Since v1.x:

• The element uses Lumo theme by default. The previous default theme has been dropped. You can import the unstyled version from the src/vaadin-checkbox.html
• Removed non-semantic wrapper and native-checkbox styling parts. The element still uses native button under the hood, but that one is now considered as implementation detail
• The checkbox part should be used to display the visual checkbox.

Changes Since v2.0.0-alpha7:

• f462fbe Align with skeleton: use node 8.9 in CI, bump polymer-cli to 1.6.0
• fc0fb6f Update eslint and stylelint to check ./src and ./theme

v2.0.0-alpha7

Live Demo →
API Documentation →

Changes Since v2.0.0-alpha6:

• ce80dd9 Restore iron-form tests

• edc272b Fix demo CSS indentation

• 62cada3 Convert indeterminate state demo to ES5

• c5b5ef6 Fix tests to work with iron-form 2.1.0

• 0517660 Align with skeleton: update eslint-plugin-html and gulp-stylelint

• 28c0d9d Sync with skeleton: Switch back to using function closures