@blaze-react/range-filter NPM | npm.io

0.7.2 • Published 2 years ago

Install

Weekly downloads

456

License

ISC

Repository

Last release

2 years ago

Description

Set a number within a range with a slider.

Usage

With two moveable handlers and custom step value

const value = {
  max: 20,
  min: 0,
  step: 1,
  minValue: 5,
  maxValue: 10
}

<RangeFilter
  label="Choose a range"
  value={value}
  onChange={({ event, value }) => {}}
/>;

API

RangeFilter can receive a number of `props` as follow:

NAME	TYPE	DEFAULT
label	String	empty
name	String	required
value	object	{min, max, step, minValue, maxValue}
validationMessage	String	This field is required
required	Boolean	false
error	Boolean	false
onChange	Function	() => {}

@everything-registry/sub-chunk-130 @blaze-cms/react-page-builder @infinitebrahmanuniverse/nolb-_bla

2 years ago

2 years ago

2 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago