Skip to main content
Version: Next

Range Slider

Range slider in ui-react is documented through the Slider component with range, valueStart, and valueEnd.

Basic Usage

import { Slider } from '@editora/ui-react';

function BudgetRange() {
return (
<Slider
range
min={0}
max={1000}
step={25}
valueStart={150}
valueEnd={650}
format="range"
label="Budget range"
/>
);
}

Notes

  • Range mode is part of Slider; there is no standalone RangeSlider export.
  • Use nameStart and nameEnd when you need form names for both handles.