@vcl/vcl
Version:
The whole VCL in one package
46 lines (34 loc) • 923 B
Markdown
# [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`