Added: button link component documentation.

StaticMania · Dec 31, 2024 · a1975df · a1975df
1 parent ead432d
commit a1975df
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/app/docs/components/button/button.mdx b/app/docs/components/button/button.mdx
@@ -1,6 +1,7 @@
 import { KeepButtonTypeCode, KeepButtonType } from './variant/KeepButtonType'
 import { KeepButtonColor, KeepButtonColorCode } from './variant/KeepButtonColor'
 import { KeepButtonSize, KeepButtonSizeCode } from './variant/KeepButtonSize'
+import { KeepButtonLink, KeepButtonLinkCode } from './variant/KeepButtonLink'
 import { KeepButtonShape, KeepButtonShapeCode } from './variant/KeepButtonShape'
 import { KeepButtonIcon, KeepButtonIconCode } from './variant/KeepButtonIcon'
 import { DefaultButton, DefaultButtonCode } from './variant/DefaultButton'
@@ -29,6 +30,14 @@ You can customize your buttons with different color schemes to match your design
   <KeepButtonColor />
 </CodeHighlightPreview>
 
+## Button with link
+
+You can add a link to a button component by passing asChild props.
+
+<CodeHighlightPreview code={KeepButtonLinkCode}>
+  <KeepButtonLink />
+</CodeHighlightPreview>
+
 ## Button Variant Type
 
 Choose from different button types depending on your use case. The available types include: `default` `softBg` `outline` and `link`.

diff --git a/app/docs/components/button/buttonApi.ts b/app/docs/components/button/buttonApi.ts
@@ -41,4 +41,11 @@ export const buttonApiData = [
     propsDescription: 'Size variant of the button.',
     default: 'md',
   },
+  {
+    id: 7,
+    propsName: 'asChild',
+    propsType: ['true', 'false'],
+    propsDescription: 'Set button styles and functionality to her child component.',
+    default: 'false',
+  },
 ]