cw-range-slider
Advanced tools
A highly customizable range and single slider component for React with TypeScript support, dark mode compatibility, and flexible styling options.
A highly customizable range and single slider component for React with TypeScript support, dark mode compatibility, and flexible styling options.
npm install cw-range-slider
# or
yarn add cw-range-slider
# or
pnpm add cw-range-slider
Props Reference Prop Type Default Description Core Props min number 0 Minimum slider value max number 100 Maximum slider value step number 1 Increment step size isRange boolean true true for range slider, false for single slider defaultValues number | [number, number] min or [min, max] Initial value(s) onChange (value: number | [number, number]) => void - Callback when value changes disabled boolean false Disable the slider Appearance sliderColor 'grey' | 'red' | 'dark-orange' | 'light-orange' | 'green' | 'default' | string 'default' Active track color sliderColorMapping Record<string, string> See below Custom color mapping marks { [key: number]: string } {} Custom marks below slider Formatting unit string 'default' Value formatting type formatters { [key: string]: (val: number) => string } See below Custom formatting functions
FAQs
A highly customizable range and single slider component for React with TypeScript support, dark mode compatibility, and flexible styling options.
The npm package cw-range-slider receives a total of 1 weekly downloads. As such, cw-range-slider popularity was classified as not popular.
We found that cw-range-slider demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
A look at the top trends in how threat actors are weaponizing open source packages to deliver malware and persist across the software supply chain.
Security News
ESLint now supports HTML linting with 48 new rules, expanding its language plugin system to cover more of the modern web development stack.
Security News
CISA is discontinuing official RSS support for KEV and cybersecurity alerts, shifting updates to email and social media, disrupting automation workflows.