0.1.1 • Published 6 years ago
vue-toggle-slider v0.1.1
vue-toggle-button
An Highly Customizable, easy-to-use elegant toggle/switch button component
Feedback would be much appreciated, questions, suggestions, issues are more than welcome.
Properties
options is a style configuration object holding the toggle-button building blocks which are handle and track
| property | Type | Description |
|---|---|---|
| options | object | holds all toggle button style configurations |
| handle | object | holds all handle style configurations |
| track | object | holds all track style configurations |
handle
| property | Type | Default | Description |
|---|---|---|---|
| diameter | number | 30 | Sets the handle diameter (the round button moving) |
| color | string | #fff | Sets the handle color |
| borderRadius | string | 50% | Sets the handle border radius |
track
| property | Type | Default | Description |
|---|---|---|---|
| width | number | 70 | Sets the track width |
| height | number | 30 | Sets the track height |
| color | string | #ccc | Sets the default track color |
| activeColor | string | #2196F3 | Sets the active status track color(after toggled) |
| borderWidth | number | 0 | Sets the track border width |
| borderRadius | string | 34px | Sets the track border radius |