       <div class="toggle-handle"></div>
      </div>
    </div>

{% highlight html %}
<div class="toggle active">
  <div class="toggle-handle"></div>
</div>
<div class="toggle">
  <div class="toggle-handle"></div>
</div>
{% endhighlight %}

    <p class="component-description">Toggles.js binds an event to the document that returns a detail object and can be used to fire a callback.</p>

{% highlight js %}
// Only needed if you want to fire a callback
document
.querySelector('#myToggle')
.addEventListener('