x>
          <bal-checkbox label="Checked" inverted checked></bal-checkbox>
          <bal-checkbox label="Disabled" inverted disabled></bal-checkbox>
        </div>
      </section>

      <h2 class="title is-size-2">Events</h2>
      <h3 class="title is-size-3">Listen on Changes</h3>
      <section>
        <bal-checkbox id="checkbox-1" label="Listen on changes"></bal-checkbox>
        <span id="checkbox-1-result">false</span>
      </section>
      <script>
        var checkbox1 = document.getElementById