Merge pull request #15 from marcoshaber99/link-button-example

added button link example
Logging-Stuff · Oct 13, 2024 · 2a56ff5 · 2a56ff5
2 parents 5450ea6 + e62569b
commit 2a56ff5
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
@@ -68,6 +68,11 @@ export const componentConfig = {
       filePath: "preview/components/button-style-outline.tsx",
       preview: lazy(() => import("@/preview/components/button-style-outline")),
     },
+    "button-style-link": {
+      name: "button-style-link",
+      filePath: "preview/components/button-style-link.tsx",
+      preview: lazy(() => import("@/preview/components/button-style-link")),
+    },
     "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
@@ -35,3 +35,9 @@ npm install class-variance-authority
 ### Outline
 
 <ComponentShowcase name="button-style-outline" />
+<br />
+<br />
+
+### Link
+
+<ComponentShowcase name="button-style-link" />
diff --git a/preview/components/button-style-link.tsx b/preview/components/button-style-link.tsx
@@ -0,0 +1,5 @@
+import { Button } from "@/packages/ui";
+
+export default function ButtonStyleLink() {
+  return <Button variant="link">Click Me!</Button>;
+}