[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: Vue.DefineComponent<{ items: { type: Vue.PropType; required: true; }; animation: Vue.PropType; }, { emitUserClickedASort: (sort: Sort) => void; rootRef: Vue.Ref>, {}, {}> | undefined>; selectedSort: Vue.ComputedRef; }, unknown, {}, {}, Vue.ComponentOptionsMixin, Vue.ComponentOptionsMixin, "change"[], "change", Vue.PublicProps, Readonly; required: true; }; animation: Vue.PropType; }>> & { onChange?: ((...args: any[]) => any) | undefined; }, {}, {}> ```