[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [BaseSwitch](./x-components.baseswitch.md) ## BaseSwitch variable Basic switch component to handle boolean values. This component receives its selected state using a prop, and emits a Vue event whenever the user clicks it. **Signature:** ```typescript _default: import("vue").DefineComponent, { cssClasses: import("vue").ComputedRef; toggle: () => void; }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly> & Readonly<{ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; }>, { modelValue: boolean; }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```