Sorting Selector

This component lets you reorder your results. Each option requires a sortable Elasticsearch field and the order of which you want to sort by.

Example

import {
  SortingSelector,
  SearchkitComponent
} from "searchkit";

class App extends SearchkitComponent<any, any> {

  render(){
    <div>
      <SortingSelector options={[
        {label:"Relevance", field:"_score", order:"desc"},
        {label:"Latest Releases", field:"released", order:"desc"},
        {label:"Earliest Releases", field:"released", order:"asc"}
      ]}/>
    </div>
  }
}

Props

• options ([{label:string, field?:, order?:(desc|asc)}]): Options displayed for the user to order results with.