[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [QueryPreviewList](./x-components.querypreviewlist.md) ## QueryPreviewList variable Renders the results previews of a list of objects with the information about the query preview, and exposes the [QueryPreview](./x-components.querypreview.md) slots to modify the content. The requests are made in sequential order. **Signature:** ```typescript _default: import("vue").DefineComponent; required: true; }; queryFeature: { type: PropType; }; maxItemsToRender: { type: NumberConstructor; }; loadWhenVisible: { type: BooleanConstructor; default: boolean; }; debounceTimeMs: { type: NumberConstructor; default: number; }; persistInCache: BooleanConstructor; animation: { type: (StringConstructor | ObjectConstructor | FunctionConstructor)[]; default: string; }; }>, { renderedQueryPreviews: import("vue").ComputedRef; flagAsFailed: (failedQuery: string) => void; flagAsLoaded: (loadedQuery: string) => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly; required: true; }; queryFeature: { type: PropType; }; maxItemsToRender: { type: NumberConstructor; }; loadWhenVisible: { type: BooleanConstructor; default: boolean; }; debounceTimeMs: { type: NumberConstructor; default: number; }; persistInCache: BooleanConstructor; animation: { type: (StringConstructor | ObjectConstructor | FunctionConstructor)[]; default: string; }; }>> & Readonly<{}>, { persistInCache: boolean; loadWhenVisible: boolean; debounceTimeMs: number; animation: string | Function | Record; }, {}, { QueryPreview: import("vue").DefineComponent<{}, {}, any>; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```