Avatar, Badge, Checkbox, Chips, Pagination components (#10)

docs/components/chips.md

@@ -0,0 +1,20 @@
+# Chips
+
+<script setup>
+import { ref } from "vue"; 
+
+const value = ref('option 1')
+</script>
+<DemoContainer>
+<Chips v-model="value" :items="['option 1', 'option 2', 'option 3', 'option 4']" />
+</DemoContainer>
+
+```vue
+<script setup>
+import { ref } from "vue"; 
+
+const value = ref('option 1')
+</script>
+
+<Chips v-model="value" :items="['option 1', 'option 2', 'option 3', 'option 4']" />
+```