('checkbox-1')
        var checkboxResult = document.getElementById('checkbox-1-result')
        checkbox1.addEventListener('balChange', function (event) {
          checkboxResult.innerHTML = event.detail
        })
      </script>

      <h3 class="title is-size-3">Change value</h3>
      <section>
        <bal-checkbox id="checkbox-2" label="Value"></bal-checkbox>
        <button id="checkbox-2-trigger-1">Set to true</button>
        <button id="checkbox-2-trigger-2">Set to false</button>
      </section