Experience an accessible and mobile-friendly React Round Slider library,
powered by TypeScript and SVG.
- 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 π
- Basic Usage
- Pointer Settings
- Individual Pointer Settings
- Path Settings
- Data Settings
- Values List
- Connection
- Text Values
- Animation
- Disabled State
- Circle Gradient
- Pointer & Connection Gradient
- Pointers Overlap
- Custom Pointer Shape
- Range Dragging
It can be used for free in any personal or commercial project π