YuhuanStudioYunUIDocs
Forms & Inputs

Slider

Range slider built on Radix Slider, with single or dual thumbs.

A range slider built on Radix Slider. It renders the design-system track, range and thumb, and forwards every Radix Slider prop (defaultValue, value/onValueChange, min, max, step, disabled).

Import

import { Slider } from "@yuhuanowo/yunui";

Basic

Single thumb

Range (two thumbs)

Range

Disabled

Disabled

Slider is a thin styling wrapper over Radix Slider. For the full prop reference (controlled value/onValueChange, minStepsBetweenThumbs, orientation, …) see the Radix Slider docs.

On this page