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
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
Loading...
Props
Name | Type | Default | Description |
---|---|---|---|
label | string | "Sort" | |
type | "select" | "list" | "select" | The appearance of the sorting component. |
options | Array<{name: string, value: string}> | [{name: "Most relevant", value: ""}] | |
size | sm | md | lg | md | Sets the text and input size. |