[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [NumberRangeFilter](./x-components.numberrangefilter.md) ## NumberRangeFilter variable Renders a number range filter, emitting the needed events when clicked. **Signature:** ```typescript _default: import("vue").DefineComponent; required: true; }; clickEvents: PropType>; cssClasses: { type: PropType<(string | Dictionary)[]>; default: () => never[]; }; }>, { innerClickEvents: import("vue").ComputedRef; innerCssClasses: import("vue").ComputedRef; }, {}, {}, {}, 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)[]; }, {}, { RenderlessFilter: import("vue").DefineComponent<{}, {}, any>; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```