@empathyco/x-components/docs/API-reference/api/x-components.recommendations.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; [Recommendations](./x-components.recommendations.md)

## Recommendations variable

It renders a list of recommendations from the [RecommendationsState.recommendations](./x-components.recommendationsstate.recommendations.md) state by default. The component provides the slot layout which wraps the whole component with the recommendations bounded. It also provides the default slot to customize the item, which is within the layout slot, with the recommendation bounded. Each recommendation should be represented by a [BaseResultLink](./x-components.baseresultlink.md) component besides any other component.

**Signature:**

```typescript
_default: import("vue").DefineComponent<{
    animation: {
        type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
        default: string;
    };
    maxItemsToRender: NumberConstructor;
}, {
    recommendations: import("vue").ComputedRef<Result[]>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    animation: {
        type: (StringConstructor | ObjectConstructor | FunctionConstructor)[];
        default: string;
    };
    maxItemsToRender: NumberConstructor;
}>>, {
    animation: string | Function | Record<string, any>;
}, {}>
```