Function useRange

Returns {
    max: number;
    min: number;
    range: number[];
    updateRange: (
        __namedParameters: [undefined | number, undefined | number],
    ) => void;
}

An object containing range information and functions to update the range.

• max: number

  Max value

• min: number

  Min value

• range: number[]

  Range value

• updateRange: (__namedParameters: [undefined | number, undefined | number]) => void

  Update range function

import { useRange } from "@nosto/search-js/preact";
import { useState } from "react";

const Component = ({ facetId }) => {
  const { min, max, range, updateRange } = useRange(facetId);

  return (
    <div>
      Current Range: {range[0]} to {range[1]}
      <button onClick={() => updateRange([min, max])}>Reset Range</button>
    </div>
  );
};
Copy