From 10d4b192a8ad6edf2157a345dd7e8ef22328c878 Mon Sep 17 00:00:00 2001
From: roiLeo <medina.leo42@gmail.com>
Date: Mon, 4 Dec 2023 16:45:06 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20NeoCheckbox=20story?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/NeoCheckbox/NeoCheckbox.story.vue   | 10 ++++++++--
 libs/ui/src/components/NeoCheckbox/NeoCheckbox.vue     |  2 ++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/libs/ui/src/components/NeoCheckbox/NeoCheckbox.story.vue b/libs/ui/src/components/NeoCheckbox/NeoCheckbox.story.vue
index 5fbd6e171d..d78ecd890a 100644
--- a/libs/ui/src/components/NeoCheckbox/NeoCheckbox.story.vue
+++ b/libs/ui/src/components/NeoCheckbox/NeoCheckbox.story.vue
@@ -1,8 +1,14 @@
 <template>
-  <Story title="NeoButton" :layout="{ type: 'grid', width: '200px' }">
-    <Variant title="small neo button">
+  <Story title="NeoCheckbox" :layout="{ type: 'grid', width: '200px' }">
+    <Variant title="Small NeoCheckbox">
+      <NeoCheckbox size="small"> {{ label }} </NeoCheckbox>
+    </Variant>
+    <Variant title="Default NeoCheckbox">
       <NeoCheckbox> {{ label }} </NeoCheckbox>
     </Variant>
+    <Variant title="Large NeoCheckbox">
+      <NeoCheckbox size="large"> {{ label }} </NeoCheckbox>
+    </Variant>
   </Story>
 </template>
 
diff --git a/libs/ui/src/components/NeoCheckbox/NeoCheckbox.vue b/libs/ui/src/components/NeoCheckbox/NeoCheckbox.vue
index 0a5cffb123..18d99fdeb8 100644
--- a/libs/ui/src/components/NeoCheckbox/NeoCheckbox.vue
+++ b/libs/ui/src/components/NeoCheckbox/NeoCheckbox.vue
@@ -5,6 +5,7 @@
     :native-value="checkboxValue"
     :disabled="disabled"
     :label-class="labelClass"
+    :size="size"
     @update:modelValue="updateValue">
     <slot />
   </o-checkbox>
@@ -17,6 +18,7 @@ const props = defineProps<{
   disabled?: boolean
   modelValue: boolean
   labelClass?: string
+  size?: string
 }>()
 
 const emit = defineEmits(['update:modelValue'])