mz-react-round-slider
v1.0.3TypeScript
Multi-Pointer React Round Slider
sliderrange slidercircular round slidercircular sliderradial sliderreact range slider componentcircle sliderreact round sliderreact circle sliderreact circular slider
0/weekUpdated 2 years agoMITUnpacked: 23.1 MB
Published by Miriam Zusin
npm install mz-react-round-slider
React Round Slider
Experience an accessible and mobile-friendly React Round Slider library,
powered by TypeScript and SVG.
Features
- Any number of pointers 🔵 🟣 🟡
- Mobile Ready 📱
- Accessibility
- Optional ticks/marks
- ES6 JavaScript & Typescript ✔
- Styles & Design options ☀️
- Range slider
- Numbers, text, ot range
- Range dragging
- Touch support
- Keyboard support ⌨️
- Mousewheel support 🐭
- Disabled/enabled, including keyboard and mousewheel
- Possibility to disable only one pointer
- Optional animation on panel click
- Works well with Bootstrap and other CSS frameworks
- Supports two (and more) pointers overlap
- MIT license 🎁
Documentation 🔖
$3
- Basic Usage
- Pointer Settings
- Individual Pointer Settings
- Path Settings
- Data Settings
- Values List
- Connection
- Text Values
$3
- Ticks Settings
- Ticks Values
$3
- Animation
- Disabled State
- Circle Gradient
- Pointer & Connection Gradient
- Pointers Overlap
- Custom Pointer Shape
- Range Dragging
------------------------------
License
It can be used for free in any personal or commercial project :gift: