v-range-component
v1.1.4
Published
Vue Range Slider component
Downloads
61
Maintainers
Readme
vRange Component
Ussage
1. Install
npm i v-range-component
2.Just import module into your component.
Build in styles are not required, but without any styling component will not work as expected.
import VRangeComponent from 'v-range-component'
import 'v-range-component/dist/styles.css'
Avaible options:
| Prop | Type | Default | Description | | ---- | ---- | ---- | ---- | | value | Array | [0, 100] | Provides initial values | | label | Array | ["from", "to"] | Labels for min,max values | | unit | String | 'PLN' | Unit display at input fields | | range | Array | [0, 100] | Min-max slider values | | step | Number | 1 | Number of steps between min-max values | | showSteps | Boolean | false | That option generates div for each step that may be used for show track step points | | showInputs | Boolean | true | Show input fields | | stepsArray | Array | [] | Steps values. As default will generate array from 'step' and max range value | | lazy | Number | 500 | Delay (ms) before emit value by component after change | | logarithmic | Boolean | false| Makes values growth logarithmic |