[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [QueryPreview](./x-components.querypreview.md) ## QueryPreview variable Retrieves a preview of the results of a query and exposes them in the default slot, along with the query preview and the totalResults of the search request. By default, it renders the names of the results. **Signature:** ```typescript _default: import("vue").DefineComponent<{ queryPreviewInfo: { type: PropType; required: true; }; queryFeature: { type: PropType; }; maxItemsToRender: { type: NumberConstructor; }; debounceTimeMs: { type: NumberConstructor; default: number; }; persistInCache: { type: BooleanConstructor; default: boolean; }; }, { hasResults: ComputedRef; queryPreviewResults: ComputedRef<{ results: import("@empathyco/x-types").Result[]; request: SearchRequest; displayTagging?: import("@empathyco/x-types").TaggingRequest | undefined; queryTagging?: import("@empathyco/x-types").TaggingRequest | undefined; totalResults: number; instances: number; status: import("../../..").RequestStatus; } | undefined>; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("load" | "error")[], "load" | "error", import("vue").PublicProps, Readonly; required: true; }; queryFeature: { type: PropType; }; maxItemsToRender: { type: NumberConstructor; }; debounceTimeMs: { type: NumberConstructor; default: number; }; persistInCache: { type: BooleanConstructor; default: boolean; }; }>> & { onLoad?: ((...args: any[]) => any) | undefined; onError?: ((...args: any[]) => any) | undefined; }, { debounceTimeMs: number; persistInCache: boolean; }, {}> ```