Labeled slider with a live numeric readout.
Add this item from the registry, or import it from the package after installing Default File UI.
Registry path
itsvigneshv/default-file-ui/number-sliderPackage import
import { NumberSlider } from "@default-file/ui/components/df-number-slider"Fractional step with a live readout.
Whole-number range.
Labeled slider with a live numeric readout. Composes Label and Slider.
| Prop | Type | Default | Notes |
|---|---|---|---|
| label | string | — | Field label above the slider (required). |
| value | number | — | Current value (required). |
| min | number | — | Minimum value (required). |
| max | number | — | Maximum value (required). |
| step | number | 0.01 | Increment between values. Also drives display precision. |
| onChange | (value: number) => void | — | Called when the value changes (required). |