React SDK

Sorting

The Sorting component is used to capture user input on how to sort search results.

Usage

Additional imports used in the examples:

Editable Example
Suggestions
    Powered by

    Loading...

    Display

    The sorting component comes in 2 variants: select and list. Pass the variant prop and set it to one of these values.

    Editable Example
    Suggestions
      Powered by

      Loading...

      Props

      NameTypeDefaultDescription
      labelstring"Sort"
      type"select" | "list""select"The appearance of the sorting component.
      optionsArray<{name: string, value: string}>[{name: "Most relevant", value: ""}]
      sizesm | md | lgmdSets the text and input size.