Scrivito Range Slider
A range slider React component/Scrivito widget for the Scrivito CMS.
Open your terminal.
$ cd to your Scrivito project
$ npm install scrivito-range-slider
Add this line to your index.js:
Also add this line to your index.scss:
For demonstration purposes I've setup a widget configuration form to create conversions calcutators, like km to miles, kilograms to pounds and so on. Just put in the factor in the form, enter labels and descriptions and you will get a range slider which works as a conversion calculator. You can also use it as a price calculator.
In the widget properties you can set:
- Title e.g. "Miles to Kilometers"
- Minimum e.g. 1
- Maximum e.g. 100
- Base entity e.g. Miles
- Target entity e.g. Kilometers
- Factor e.g. 1.609344