[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [SlicedFilters](./x-components.slicedfilters.md) ## SlicedFilters variable Component that slices a list of filters and returns them using the default scoped slot, allowing the user to show the full list of them or slicing them again using the show more/less buttons. **Signature:** ```typescript _default: import("vue").DefineComponent; parentId: { type: PropType; required: false; }; max: { type: NumberConstructor; required: true; }; buttonClass: StringConstructor; }>, { cssClasses: import("vue").ComputedRef; toggleShowMoreFilters: (event: MouseEvent) => void; showButton: import("vue").ComputedRef; difference: import("vue").ComputedRef; slicedFilters: import("vue").ComputedRef; showMoreFilters: import("vue").Ref; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click:show-less" | "click:show-more")[], "click:show-less" | "click:show-more", import("vue").PublicProps, Readonly; parentId: { type: PropType; required: false; }; max: { type: NumberConstructor; required: true; }; buttonClass: StringConstructor; }>> & Readonly<{ "onClick:show-less"?: ((...args: any[]) => any) | undefined; "onClick:show-more"?: ((...args: any[]) => any) | undefined; }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```