bluebill1049 / React Smooth Range Input
🎚 React beautiful input range slider
Stars: ✭ 356
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to React Smooth Range Input
jekyll-ideal-image-slider-include
Add image sliders to Jekyll with Ideal Image Slider. HTML include version. Github Pages compatible. (This repository is archived. Issues are disabled. Pull requests will be ignored.)
Stars: ✭ 27 (-92.42%)
Mutual labels: slider
Circular Slider Android
Circular Slider UI Control for Android
Stars: ✭ 315 (-11.52%)
Mutual labels: slider
smooth-polyline
〰️ Smoothing algorithm for 2D lines and polygons
Stars: ✭ 23 (-93.54%)
Mutual labels: smooth
Multislider
Multi functional slider/seekbar( / rangebar / scrubber) for Android
Stars: ✭ 309 (-13.2%)
Mutual labels: slider
react-svg-curve
React components to draw different types of curves with svg
Stars: ✭ 42 (-88.2%)
Mutual labels: smooth
Bootstrap Slider
A slider control for Bootstrap 3 & 4.
Stars: ✭ 2,981 (+737.36%)
Mutual labels: slider
Zuck.js
A javascript library that lets you add stories EVERYWHERE.
Stars: ✭ 3,396 (+853.93%)
Mutual labels: slider
react-styled-carousel
React styled components carousel or slide show. No external css import is required.
Stars: ✭ 42 (-88.2%)
Mutual labels: slider
Vue Ydui
A mobile components Library with Vue2.js. 一只基于Vue2.x的移动端组件库。
Stars: ✭ 2,798 (+685.96%)
Mutual labels: slider
zSlider
A pure JavaScript Carousel/Slider plugin that works well at Mobile/PC
Stars: ✭ 12 (-96.63%)
Mutual labels: slider
Discreteslider
A slider (SeekBar) with amazing value label.
Stars: ✭ 351 (-1.4%)
Mutual labels: slider
Vue Flickity
A Vue Slider / Carousel Component for Flickity.js
Stars: ✭ 339 (-4.78%)
Mutual labels: slider
React Native Paper Onboarding
Paper Onboarding is a material design UI slider for `React Native`.
Stars: ✭ 310 (-12.92%)
Mutual labels: slider
🎚 React Smooth Range Input
- Smooth input range
- Beautiful animation interaction
- Tiny size
Install
$ npm install react-smooth-range-input
Example
Quickstart
import react from 'react';
import Slider from 'react-smooth-range-input';
export default () => <Slider value={1} min={1} max={30} />;
Props
| Prop | Type | Required | Description |
|---|---|---|---|
value |
number | ✓ | current value |
min |
number | ✓ | min number range |
max |
number | ✓ | max number range |
onChange |
Function | on value change callback | |
disabled |
boolean | disable the component | |
hasTickMarks |
boolean = true | show tick marks only apply to thick type | |
customController |
({ ref: any, value: number }) => React.ReactNode | custom controller: make sure to pass the ref |
Sponsors
Thank you very much for those kind people with their sponsorship to this project.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].