[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [RelatedTag](./x-components.relatedtag.md) ## RelatedTag variable This component renders a related tag for a query. A related tag is a descriptive keyword related to the current query to fine-tune the search. For example, if you are searching for \*lego\*, a related tag could be \*city\*, refining the search with \*lego city\*. **Signature:** ```typescript _default: import("vue").DefineComponent<{ highlightCurated: { type: BooleanConstructor; default: boolean; }; relatedTag: { type: PropType; required: true; }; }, { buttonEl: import("vue").Ref; dynamicClasses: ComputedRef; isSelected: ComputedRef; clickRelatedTag: () => void; shouldHighlightCurated: ComputedRef; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly; required: true; }; }>>, { highlightCurated: boolean; }, {}> ```