vue-toggle-slider

0.1.1 • Public • Published

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

Readme

Keywords

none

Package Sidebar

Install

npm i vue-toggle-slider

Weekly Downloads

0

Version

0.1.1

License

none

Unpacked Size

6.18 kB

Total Files

3

Last publish

Collaborators

  • greensin