---
title: "rc-slider"
description: "A configurable slider component for React."
pagination: false
---

{/* Generated from content/. Edit the catalog, not this page. */}

<PurposeNote title="Good for">Adding single-value and range selection to an interface.</PurposeNote>

## What it does

A configurable slider component for React.

## When it fits

Adding single-value and range selection to an interface.

## Other options in this category

<div data-pagefind-ignore>

- [Downshift](/inputs/downshift) — Building custom comboboxes and menus while retaining interaction control.
- [Emoji Mart](/inputs/emoji-mart) — Adding searchable emoji selection to messaging or editing interfaces.
- [emoji-picker-element](/inputs/emoji-picker-element) — Adding emoji selection without depending on a particular UI framework.
- [Input OTP](/inputs/input-otp) — Building accessible verification-code entry with custom visual styling.
- [International Telephone Input](/inputs/international-telephone-input) — Collecting phone numbers from users in different regions.

</div>

## Source

[Project source for rc-slider ↗](https://slider-react-component.vercel.app/)

Editorial overview reviewed on October 24, 2026. Follow the source for current setup, compatibility, and licensing.

[Choose and enter values →](/tasks/choose-and-enter-values)

[All inputs &amp; selection options →](/inputs)