# [VCL](https://vcl.github.io/vcl/) flip-switch

A switch that can be toggled between two states.

## Features

Two states between which can be toggled.

## Usage

[basic example](/demo/example.html)

## Classes

- `flip-switch`
- `flip-switch-label`
- `flip-switch-track`
- `flip-switch-knob`

## Modifiers

- `focused`
- `disabled`
- `rounded`
- `flip-switch-pressed`

## Variables

- `$flip-switch-width`
- `$flip-switch-height`
- `$flip-switch-bg-color`
- `$flip-switch-border-radius`
- `$flip-switch-border-color`
- `$flip-switch-active-bg-color`
- `$flip-switch-active-color`
- `$flip-switch-knob-width`
- `$flip-switch-knob-height`
- `$flip-switch-knob-margin`
- `$flip-switch-knob-border-radius`
- `$flip-switch-knob-bg-color`
- `$flip-switch-disabled-color`
- `$flip-switch-disabled-bg-color`
- `$flip-switch-disabled-border-color`
- `$flip-switch-disabled-knob-bg-color`
- `$flip-switch-disabled-active-bg-color`