MantineRangeSlider#

@palmyralabs/rt-forms-mantine · form/MantineRangeSlider.tsx

Overview#

Two-thumb range slider — stores a [min, max] tuple.

Props — ISliderDefinition & RangeSliderProps#

Common field props + Mantine RangeSliderProps (min, max, step, minRange, marks, …).

Ref — ISliderField#

Same as MantineSlider.

Example#

<MantineRangeSlider
  attribute="priceRange"
  label="Price range"
  min={0} max={1000} step={10}
  defaultValue={[100, 500]}
/>