[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<{ modelValue: { type: BooleanConstructor; default: boolean; }; }, { cssClasses: import("vue").ComputedRef; toggle: () => void; }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly> & { "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined; }, { modelValue: boolean; }, {}> ```