RangeSlider

Dual-thumb range slider for selecting a value range.

Preview

Usage

import { RangeSlider } from '@ramtt/ui'

<RangeSlider min={0} max={100} value={[20, 80]} onChange={setRange} />

Props

PropTypeDefaultDescription
min*numberMinimum value
max*numberMaximum value
value*[number, number]Selected range
onChange*(value: [number, number]) => voidChange handler
stepnumber1Step increment