[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [HistoryQuery](./x-components.historyquery.md) ## HistoryQuery variable This component renders a history query suggestion combining two buttons: one for selecting this suggestion as the search query, and another one to remove this query suggestion from the history queries. **Signature:** ```typescript _default: import("vue").DefineComponent; required: true; }; removeButtonClass: StringConstructor; suggestionClass: StringConstructor; }>, { query: import("vue").ComputedRef; suggestionSelectedEvents: import("vue").ComputedRef>; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly; required: true; }; removeButtonClass: StringConstructor; suggestionClass: StringConstructor; }>> & Readonly<{ onClick?: ((...args: any[]) => any) | undefined; }>, {}, {}, { RemoveHistoryQuery: import("vue").DefineComponent<{}, {}, any>; BaseSuggestion: import("vue").DefineComponent<{}, {}, any>; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```