Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

🎚 React beautiful input range slider

NotificationsYou must be signed in to change notification settings

beekai-oss/react-smooth-range-input

Repository files navigation

Coverage Statusnpm downloadsnpmnpm

  • Smooth input range
  • Beautiful animation interaction
  • Tiny size

Install

$ npm install react-smooth-range-input

Example

https://react-smooth-range-input.now.sh

Quickstart

importreactfrom'react';importSliderfrom'react-smooth-range-input';exportdefault()=><Slidervalue={1}min={1}max={30}/>;

Props

PropTypeRequiredDescription
valuenumber✓current value
minnumber✓min number range
maxnumber✓max number range
onChangeFunctionon value change callback
disabledbooleandisable the component
hasTickMarksboolean = trueshow tick marks only apply to thick type
customController({ ref: any, value: number }) => React.ReactNodecustom controller: make sure to pass the ref

By the makers of BEEKAI

We also makeBEEKAI. Build the next-generation forms with modern technology and best in class user experience and accessibility.

[8]ページ先頭
©2009-2025 Movatter.jp