[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [AiCarousel](./x-components.aicarousel.md) ## AiCarousel variable **Signature:** ```typescript _default: import("vue").DefineComponent, { emptyTaggingRequest: TaggingRequest; isTitleOverflowing: import("vue").Ref; queries: import("vue").ComputedRef; query: import("vue").ComputedRef; suggestionsSearch: import("vue").ComputedRef; tagging: import("vue").ComputedRef; title: import("vue").ComputedRef; titleExpanded: import("vue").Ref; titleRef: import("vue").Ref; toggleTitleExpansion: () => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly> & Readonly<{}>, { group: boolean; }, {}, { AIStarIcon: import("vue").DefineComponent<{}, {}, any>; AiGroupedCarousel: import("vue").DefineComponent<{}, {}, any>; ArrowRightIcon: import("vue").DefineComponent<{}, {}, any>; BaseEventButton: import("vue").DefineComponent<{}, {}, any>; ChangeHeight: import("vue").DefineComponent<{}, {}, any>; ChevronDownIcon: import("vue").DefineComponent<{}, {}, any>; CollapseHeight: import("vue").DefineComponent<{}, {}, any>; DisplayClickProvider: import("vue").DefineComponent<{}, {}, any>; DisplayEmitter: import("vue").DefineComponent<{}, {}, any>; SlidingPanel: import("vue").DefineComponent<{}, {}, any>; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```