Skip to Content

slider

ui

An input where the user selects a value from within a given range.

Use cases

  • Volume/brightness controls
  • Price range filters
  • Rating inputs
  • Numeric range selection

Features

  • Single and range (dual thumb) modes
  • Step increments
  • Keyboard accessible
  • Touch-friendly on mobile

Preview

Interactive preview with light/dark mode toggle. Switch to Code tab to view the full source.

Installation

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/slider

Dependencies

radix-ui

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/slider

Source

components/ui/slider.tsx