@empathyco/x-components/docs/API-reference/api/x-components.nextqueries.md

Empathy X Components

<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [NextQueries](./x-components.nextqueries.md)

## NextQueries variable

Simple next-queries component that renders a list of \[`BaseSuggestions`<!-- -->\](./x-components.base-suggestions.md), allowing the user to select one of them, and emitting the needed events. A next query is a suggestion for a new search, related to your previous query. I.e. If people normally search for `shirts`<!-- -->, and then `trousers`<!-- -->, `trousers` would be a next query of `shirts`<!-- -->.

**Signature:**

```typescript
_default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
    highlightCurated: {
        type: BooleanConstructor;
        default: boolean;
    };
    suggestions: PropType<NextQueryModel[]>;
}>, {
    renderedNextQueries: import("vue").ComputedRef<NextQueryModel[]>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    highlightCurated: {
        type: BooleanConstructor;
        default: boolean;
    };
    suggestions: PropType<NextQueryModel[]>;
}>> & Readonly<{}>, {
    highlightCurated: boolean;
}, {}, {
    NextQuery: import("vue").DefineComponent<{}, {}, any>;
    BaseSuggestions: import("vue").DefineComponent<{}, {}, any>;
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
```