@tencentcloud/roomkit-web-vue3
Version:
<h1 align="center"> TUIRoomKit</h1> Conference (TUIRoomKit) is a product suitable for multi-person audio and video conversation scenarios such as business meetings, webinars, and online education. By integrating this product, you can add room management,
27 lines (26 loc) • 826 B
JavaScript
import { defineComponent, createElementBlock, openBlock, normalizeClass, createElementVNode } from "vue";
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "TuiSwitch",
props: {
modelValue: { type: Boolean }
},
emits: ["update:modelValue"],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
function toggleSwitch() {
emit("update:modelValue", !props.modelValue);
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("div", {
class: normalizeClass([props.modelValue ? "switch-container" : "switch-container-active"]),
onClick: toggleSwitch
}, _cache[0] || (_cache[0] = [
createElementVNode("div", { class: "switch-core" }, null, -1)
]), 2);
};
}
});
export {
_sfc_main as default
};