[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [QueryPreviewButton](./x-components.querypreviewbutton.md) ## QueryPreviewButton variable Component containing an event button that emits [QueriesPreviewXEvents.UserAcceptedAQueryPreview](./x-components.queriespreviewxevents.useracceptedaquerypreview.md) when clicked with the full query preview info as payload. It has a default slot to customize its contents. **Signature:** ```typescript _default: import("vue").DefineComponent; required: true; }; metadata: { type: PropType>; }; }>, { fullQueryPreviewInfo: import("vue").ComputedRef; events: import("vue").ComputedRef>; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly; required: true; }; metadata: { type: PropType>; }; }>> & Readonly<{}>, {}, {}, { BaseEventButton: import("vue").DefineComponent<{}, {}, any>; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```