Continuous value selection along a track.
Add this item from the registry, or import it from the package after installing Default File UI.
Registry path
itsvigneshv/default-file-ui/sliderPackage import
import { Slider } from "@default-file/ui/components/df-slider"Single value on a 0 to 100 track.
Bounded range with half-step increments.
Non-interactive track.
Continuous value selection along a track.
| Prop | Type | Default | Notes |
|---|---|---|---|
| min | number | 0 | Minimum value. |
| max | number | 100 | Maximum value. |
| step | number | 1 | Increment between values. |
| value | number[] | — | Controlled value as an array (single thumb uses one entry). |
| defaultValue | number[] | [min] | Uncontrolled initial value. |
| onValueChange | (value: number[]) => void | — | Called when the value changes. |
| disabled | boolean | — | Non-interactive slider. |
| className | string | — | Additional styles on the root. |