feat(component): New checkbox component (#151)

* feat(component): New component checkbox

* feat(component): checkbox docs and link checkbox

* added gradient to home page

* remove unused props

* code refactor

* code refactor

* fix type error

* convert div to label

docs/components/checkbox/examples/CheckboxChecked.vue

@@ -0,0 +1,12 @@
+<template>
+  <div>
+    <Checkbox v-model="ref3" label="Checked checkbox" />
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import Checkbox from '../../../../src/components/Checkbox/Checkbox.vue'
+
+const ref3 = ref(true)
+</script>

docs/components/checkbox/examples/CheckboxDefault.vue

@@ -0,0 +1,12 @@
+<template>
+  <div>
+    <Checkbox v-model="ref1" label="Default checkbox" />
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import Checkbox from '../../../../src/components/Checkbox/Checkbox.vue'
+
+const ref1 = ref(false)
+</script>

docs/components/checkbox/examples/CheckboxDisabled.vue

@@ -0,0 +1,12 @@
+<template>
+  <div>
+    <Checkbox v-model="ref2" label="Disabled checkbox" :disabled="true" />
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import Checkbox from '../../../../src/components/Checkbox/Checkbox.vue'
+
+const ref2 = ref(false)
+</script>

docs/components/checkbox/examples/CheckboxLink.vue

@@ -0,0 +1,14 @@
+<template>
+  <div>
+    <Checkbox v-model="ref1">
+      <a href="/" class="text-primary-600 dark:text-primary-500 hover:underline ml-1">I agree with the terms and conditions.</a>
+    </Checkbox>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import Checkbox from '../../../../src/components/Checkbox/Checkbox.vue'
+
+const ref1 = ref(false)
+</script>