vcl-flip-switch

A switch that can be toggled between two states.

Usage no npm install needed!

<script type="module">
  import vclFlipSwitch from 'https://cdn.skypack.dev/vcl-flip-switch';
</script>

README

VCL flip-switch

A switch that can be toggled between two states.

Features

Two states between which can be toggled.

Usage

basic example

Classes

  • vclFlipSwitch
  • vclFlipSwitchLabel
  • vclFlipSwitchTrack
  • vclFlipSwitchKnob

Modifiers

  • vclFlipSwitchPressed

Variables

  • --flip-switch-height
  • --flip-switch-bg-color
  • --flip-switch-border-color
  • --flip-switch-active-bg-color
  • --flip-switch-active-color
  • --flip-switch-knob-bg-color

Demo

example.html on GH-pages.