feat: more examples

docs/guide/button/ButtonPillExample.vue

@@ -0,0 +1,17 @@
+<template>
+  <div class="inline-flex align-center gap-2 flex-wrap">
+    <Button color="default" pill>Default</Button>
+    <Button color="alternative" pill>Alternative</Button>
+    <Button color="dark" pill>Dark</Button>
+    <Button color="light" pill>Light</Button>
+    <Button color="green" pill>Green</Button>
+    <Button color="red" pill>Red</Button>
+    <Button color="yellow" pill>Yellow</Button>
+    <Button color="purple" pill>Purple</Button>
+  </div>
+
+
+</template>
+<script setup>
+import { Button } from "../../../src/index";
+</script>