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 standaloneRangeSliderexport. - Use
nameStartandnameEndwhen you need form names for both handles.