checkbox

HTML

<base href="https://polygit.org/vaadin-checkbox+vaadin+2.0.0-alpha5/vaadin-valo-styles+vaadin+2.0.0-alpha7/polymer+^2.0.0/components/">
<script src="webcomponentsjs/webcomponents-lite.js"></script>

<link rel="import" href="vaadin-checkbox/vaadin-checkbox.html">


<dom-module id="vaadin-checkbox-demo-app">
  <template>
    <vaadin-checkbox id="check">I have read the <a href="#">terms and conditions</a></vaadin-checkbox>
    <input type="button" on-click="focus">Focus check</input>
  </template>

  <script>
    class vaadinCheckboxDemoApp extends Polymer.Element {
      static get is() { return 'vaadin-checkbox-demo-app'; }
      focus(){
        this.$.check.focus();
        console.log('focussed element: ', document.activeElement);        
      }
    }

    window.customElements.define(vaadinCheckboxDemoApp.is, vaadinCheckboxDemoApp);
  </script>
</dom-module>

<vaadin-checkbox-demo-app></vaadin-checkbox-demo-app>