> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

## Resource: selectSort()

## Article: selectSort()

## Article Link: https://dev.wix.com/docs/sdk/host-modules/editor/react-elements/pickers/select-sort.md

## Article Content:

<!-- Source: packages/public-editor-platform-sdk/src/element/index.ts in wix-private/editor-platform -->
# selectSort()

Opens the editor's sort picker for a `sort` data field on the selected component, letting a Wix user define how a data collection is ordered.

## Syntax

```ts
function selectSort(options: { dataItemKey: string }): Promise<ElementSort | undefined>
```

## Parameters

| Name | Type | Description |
| :---- | :---- | :---- |
| `dataItemKey` | string | Key of a `data` field with `dataType: 'sort'` in the manifest. The editor opens the picker and saves the selected rule back to this field automatically. |

## Returns

`Promise<ElementSort | undefined>`

An array of `{ fieldName, order }` objects describing the selected sort order, or `undefined` if the Wix user closes the picker without selecting anything.

## Example

```js
import { reactElements } from '@wix/editor';

const sort = await reactElements.selectSort({ dataItemKey: 'productSort' });
```

## See also

- [selectFilter()](https://dev.wix.com/docs/sdk/host-modules/editor/react-elements/pickers/select-filter.md)
- [getData()](https://dev.wix.com/docs/sdk/host-modules/editor/react-elements/data/get-data.md)
- [About the React Elements API](https://dev.wix.com/docs/sdk/host-modules/editor/react-elements/introduction.md)