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

## Promoted variable

A promoted result is just an item that has been inserted into the search results to advertise something. Usually it is one of the first items in the grid, and has the same shape as a result. It just contains a link to the promoted content, an image, and a title.

Additionally, this component exposes the following props to modify the classes of the elements: `titleClass`<!-- -->.

**Signature:**

```typescript
_default: import("vue").DefineComponent<{
    promoted: {
        type: PropType<PromotedModel>;
        required: true;
    };
    titleClass: StringConstructor;
}, {
    emitUserClickedAPromoted: () => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
    promoted: {
        type: PropType<PromotedModel>;
        required: true;
    };
    titleClass: StringConstructor;
}>>, {}, {}>
```