Price Range

The Price Range component is a Slider that allows users to select a maximum and minimum price from a range.

Overview

Import the component from @faststore/ui

import { PriceRange } from '@faststore/ui'

Import Styles

import '@faststore/ui/src/components/organisms/PriceRange/styles.scss'

$0$500

$100$250

Min

Max

<PriceRange
  max={{ absolute: 500, selected: 250 }}
  min={{ absolute: 0, selected: 100 }}
  formatter={formatter}
  step={1}
/>

Name	Type	Description	Default
Coming Soon

data-fs-price-range

data-fs-price-range-inputs