# @blaze-react/range-filter

> Set a number within a range with a slider.

Latest version **0.8.0-alpha.112** (published 2025-10-01) · GPL-3.0 license · 0 weekly downloads

## Install

```sh
npm install @blaze-react/range-filter
pnpm add @blaze-react/range-filter
yarn add @blaze-react/range-filter
bun add @blaze-react/range-filter
```

## Health

**Score 25/100 (F)** — status: maintenance-mode.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: stale; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.8.0-alpha.112 |
| Published | 2025-10-01 |
| First published | 2020-01-29 |
| Weekly downloads | 0 |
| License | GPL-3.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | byte9 |
| Maintainers | marekb9, mcabrerapf, daoyong, grzegorzi, ishrat, andypail, tanane |

## Links

- npm: https://www.npmjs.com/package/@blaze-react/range-filter
- npm.io page: https://npm.io/package/@blaze-react/range-filter

## Recent versions

- 0.8.0-alpha.112 (latest) — 2025-10-01
- 0.8.0-alpha.117 (alpha) — 2026-03-11
- 0.8.0-alpha.115 — 2026-02-23
- 0.8.0-alpha.114 — 2026-01-08
- 0.8.0-alpha.113 — 2025-10-09
- 0.8.0-alpha.111 — 2025-10-01
- 0.8.0-alpha.67 — 2023-10-20
- 0.8.0-alpha.66 — 2023-10-04
- 0.8.0-alpha.64 — 2023-09-14
- 0.7.2 — 2021-12-09
- 0.8.0-alpha.60 — 2021-11-30
- 0.8.0-alpha.59 — 2021-11-29
- 0.8.0-alpha.58 — 2021-11-29
- 0.8.0-alpha.57 — 2021-11-29
- 0.8.0-alpha.54 — 2021-11-29
- … 73 more at https://npm.io/package/@blaze-react/range-filter/versions

## README

## Description

Set a number within a range with a slider.

## Usage

- With two moveable handlers and custom step value

```js
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 |               () => {}               |

---
_Source: https://npm.io/package/@blaze-react/range-filter · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._