added button outline example

Author: ariflogs

config/components.ts

@@ -63,6 +63,11 @@ export const componentConfig = {
       filePath: "preview/components/button-style-default.tsx",
       preview: lazy(() => import("@/preview/components/button-style-default")),
     },
+    "button-style-outline": {
+      name: "button-style-default",
+      filePath: "preview/components/button-style-outline.tsx",
+      preview: lazy(() => import("@/preview/components/button-style-outline")),
+    },
     "card-style-default": {
       name: "card-style-default",
       filePath: "preview/components/card-style-default.tsx",

content/docs/components/button.mdx

@@ -29,3 +29,9 @@ npm install class-variance-authority
 ### Default
 
 <ComponentShowcase name="button-style-default" />
+<br />
+<br />
+
+### Outline
+
+<ComponentShowcase name="button-style-outline" />

preview/components/button-style-outline.tsx

@@ -0,0 +1,5 @@
+import { Button } from "@/packages/ui";
+
+export default function ButtonStyleOutline() {
+  return <Button variant="outline">Click Me!</Button>;
+}