feat: range component

docs/.vitepress/config.ts

@@ -68,6 +68,7 @@ function getFormComponents() {
     { text: 'Checkbox', link: 'components/checkbox' },
     { text: 'Select', link: 'components/select' },
     { text: 'Toggle', link: 'components/toggle' },
+    { text: 'Range', link: 'components/range' },
   ]
 }
 

docs/components/range.md

@@ -0,0 +1,13 @@
+<script setup>
+import DefaultRange from './range/examples/DefaultRange.vue'
+</script>
+
+## Default
+
+```vue
+<template>
+  <Range />
+</template>
+```
+
+<DefaultRange />

docs/components/range/examples/DefaultRange.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <Range v-model="value" :steps="5" />
+    {{ value }}
+  </div>
+</template>
+
+<script setup>
+import Range from '../../../../src/components/Range/Range.vue'
+import { ref } from 'vue'
+
+const value = ref(10)
+</script>