[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [SortPickerList](./x-components.sortpickerlist.md) ## SortPickerList variable The `SortPickerList` component allows user to select the search results order. This component also allows to change the selected sort programmatically. **Signature:** ```typescript _default: import("vue").DefineComponent; required: true; }; animation: { type: PropType; default: () => string; }; buttonClass: StringConstructor; }>, { listItems: import("vue").ComputedRef; selectedSort: import("vue").ComputedRef; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly; required: true; }; animation: { type: PropType; default: () => string; }; buttonClass: StringConstructor; }>> & Readonly<{}>, { animation: string | Component; }, {}, { BaseEventButton: import("vue").DefineComponent<{}, {}, any>; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```