feat(Card): add variant prop

docs/content/3.components/card.md

@@ -16,6 +16,42 @@ props:
 ---
 ::
 
+### Variant
+
+Use the `variant` prop to change the variant of the Card.
+
+::component-code
+---
+prettier: true
+hide:
+  - class
+props:
+  variant: subtle
+  class: 'w-full'
+slots:
+  header: |
+
+    <Placeholder class="h-8" />
+
+  default: |
+
+    <Placeholder class="h-32" />
+
+  footer: |
+
+    <Placeholder class="h-8" />
+---
+
+#header
+:placeholder{class="h-8"}
+
+#default
+:placeholder{class="h-32"}
+
+#footer
+:placeholder{class="h-8"}
+::
+
 ## API
 
 ### Props