Skip to main content
Back to Templates

Modern Toggle

toggles

CSS

HTML

<div class="toggle" id="toggle">
  <div class="knob"></div>
</div>

JavaScript

document.getElementById('toggle').addEventListener('click', function() {
  this.classList.toggle('active');
});

Live Preview

Edit the CSS on the left to see live changes. The styles are scoped to the preview area.