Merge pull request #14 from ariflogs/main

added button outline example
Logging-Stuff · Oct 12, 2024 · 5450ea6 · 5450ea6
2 parents 1b4fcb1 + 3d492d1
commit 5450ea6
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/config/components.ts b/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",

diff --git a/content/docs/components/button.mdx b/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" />
diff --git a/preview/components/button-style-outline.tsx b/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>;
+}