From a337bdf4746ee8bf617f0972640dd19f22c92dc5 Mon Sep 17 00:00:00 2001
From: jtubau <jtubau@verdnatura.es>
Date: Tue, 28 Jan 2025 08:30:38 +0100
Subject: [PATCH] feat: refs #7411 add VnCheckbox component with info support

---
 src/components/common/VnCheckbox.vue | 40 ++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 src/components/common/VnCheckbox.vue

diff --git a/src/components/common/VnCheckbox.vue b/src/components/common/VnCheckbox.vue
new file mode 100644
index 000000000..60a2379f7
--- /dev/null
+++ b/src/components/common/VnCheckbox.vue
@@ -0,0 +1,40 @@
+<script setup>
+import { computed } from 'vue';
+
+const emit = defineEmits(['update:modelValue']);
+
+const $props = defineProps({
+    modelValue: {
+        type: [Boolean],
+        default: null,
+    },
+    label: {
+        type: String,
+        default: null,
+    },
+    info: {
+        type: String,
+        default: null,
+    },
+});
+
+const isChecked = computed({
+  get: () => $props.modelValue,
+  set: (value) => emit('update:modelValue', value),
+});
+
+</script>
+
+<template>
+    <div>
+        <QCheckbox
+            :label="$props.label"
+            v-model="isChecked"
+        />
+        <QIcon v-if="$props.info" class="cursor-info q-ml-sm" name="info" size="sm">
+            <QTooltip>
+                {{ $props.info }}
+            </QTooltip>
+        </QIcon>
+    </div>
+</template>