Toggles (#24)

* Toggles!

* Toggle component

* Ran prettier

docs/.vitepress/config.js

@@ -36,6 +36,7 @@ export default {
           { text: 'Slider', link: '/components/slider' },
           { text: 'Text Inputs', link: '/components/text-inputs' },
           { text: 'Search Filter', link: '/components/search-filter' },
+          { text: 'Toggle', link: '/components/toggle' },
         ],
       },
     ],

docs/components/toggle.md

@@ -0,0 +1,20 @@
+# Toggle
+
+<script setup>
+import { ref } from "vue"; 
+
+const value = ref(true)
+</script>
+<DemoContainer>
+  <Toggle v-model="value" checked="true" />
+</DemoContainer>
+
+```vue
+<script setup>
+import { ref } from "vue"; 
+
+const value = ref(true)
+</script>
+
+<Toggle v-model="value" />
+```