Range Filter

The range filter provides the ability to create a range of

Example

import {
  RangeFilter,
  SearchkitComponent
} from "searchkit";

class App extends SearchkitComponent<any, any> {

  render(){
    <div>
      <RangeFilter field="metaScore" id="metascore" min={0} max={100} showHistogram={true} title="MetaScore"/>
    </div>
  }
}

Props

• field (ESField): Required. An elasticsearch numerical field value.
• id (string): Required. id of component. Must be unique. Used as key for url serialisation
• min (number): Required. min start range
• max (number): Required. max start range
• title (string): Required. Title used for component and for selected filters component
• showHistogram (boolean): Shows a histogram to provide a guide where their range would hit results.