Examples


Character Counter

Type in the textare to watch the character counter change.

<state count="0">
  <textarea js-change="count = this.value.length"></textarea>
  <p class="text-sm text-right" js-text="count ? `${count} / 240` : '0 / 240'"></p>
</state>

Select All Checkboxes

<state all-checked="false">
  <input id="select_all" type="checkbox" js-change="allChecked=this.checked">
  <label for="select_all" class="cursor-pointer">Select All </label>

  <input type="checkbox" js-checked="allChecked"><label>Team 1</label>
  <input type="checkbox" js-checked="allChecked"><label>Team 2</label>
  <input type="checkbox" js-checked="allChecked"><label>Team 3</label>
</state>