[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [RenderlessFilter](./x-components.renderlessfilter.md) ## RenderlessFilter variable Renders default slot content. It binds to the default slot a [BooleanFilter](./x-types.booleanfilter.md), the [XEvent](./x-components.xevent.md) that will be emitted when clicking the content, the CSS classes and if the content should be deactivated. **Signature:** ```typescript _default: import("vue").DefineComponent; required: true; }; clickEvents: PropType>; cssClasses: { type: PropType<(string | Dictionary)[]>; default: () => never[]; }; }>, () => "" | import("vue").VNode[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly; required: true; }; clickEvents: PropType>; cssClasses: { type: PropType<(string | Dictionary)[]>; default: () => never[]; }; }>> & Readonly<{}>, { cssClasses: (string | Dictionary)[]; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ``` ## Remarks The default slot expects a root element, if it receives a list of elements, it will render the first element.