[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [SortDropdown](./x-components.sortdropdown.md) ## SortDropdown variable The `SortDropdown` 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: PropType; }>, { emitUserClickedASort: (sort: Sort) => void; rootRef: import("vue").Ref | undefined, import("vue").DefineComponent<{}, {}, any> | undefined>; selectedSort: import("vue").ComputedRef; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").PublicProps, Readonly; required: true; }; animation: PropType; }>> & Readonly<{ onChange?: ((...args: any[]) => any) | undefined; }>, {}, {}, { BaseDropdown: import("vue").DefineComponent<{}, {}, any>; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```