docs: update ready components pages

docs/components/button/examples/ButtonDisabledExample.vue

@@ -0,0 +1,12 @@
+<template>
+  <div class="vp-raw inline-flex align-center gap-2 flex-wrap">
+    <Button color="default" disabled>Default</Button>
+    <Button color="default" outline disabled>Default outline</Button>
+    <Button gradient="red" disabled>Red gradient</Button>
+    <Button gradient="red-yellow" disabled>Red to yellow gradient</Button>
+    <Button gradient="red-yellow" outline disabled>Red to yellow outline</Button>
+  </div>
+</template>
+<script setup>
+import { Button } from '../../../../src/index'
+</script>