🔧 NeoCheckbox story

kodadot · Dec 4, 2023 · 10d4b19 · 10d4b19
1 parent f5357e5
commit 10d4b19
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git 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
@@ -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'])