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 |