diff --git a/packages/react/src/App.tsx b/packages/react/src/App.tsx
index ae88e7d..d51d90d 100644
--- a/packages/react/src/App.tsx
+++ b/packages/react/src/App.tsx
@@ -13,6 +13,12 @@ import ErrorBoundary from "./ErrorHandler";
import DocsIntroduction from "./docs/docs/introduction.mdx";
import DocsInstallation from "./docs/docs/installation.mdx";
+import ComponentsButton from "./docs/components/Button.mdx";
+
+const overrideComponents = {
+ pre: (props: any) => ,
+};
+
const router = createBrowserRouter(
createRoutesFromElements(
} errorElement={}>
@@ -22,6 +28,10 @@ const router = createBrowserRouter(
} />
redirect("/docs/components/button")} />
+ }
+ />
diff --git a/packages/react/src/docs/components/Button.mdx b/packages/react/src/docs/components/Button.mdx
new file mode 100644
index 0000000..4f8c99a
--- /dev/null
+++ b/packages/react/src/docs/components/Button.mdx
@@ -0,0 +1,175 @@
+import { Button } from "@components/Button";
+import { TabProvider, TabTrigger, TabContent, TabList } from "@components/Tabs";
+import { Story } from "@/components/Story";
+import { LoadedCode } from "@/components/LoadedCode";
+
+# Button
+Displays a button or a component that looks like a button.
+
+
+
+ Preview
+ Code
+
+
+
+
+
+
+
+```tsx
+import { Button } from "@components/Button";
+
+export function ButtonDemo() {
+ return
+}
+```
+
+
+
+## Installation
+
+1. Create a new file `Button.tsx` in your component folder.
+2. Copy and paste the following code into the file.
+
+
+
+## Examples
+
+### Default
+
+
+
+ Preview
+ Code
+
+
+
+
+
+
+
+```tsx
+import { Button } from "@components/Button";
+
+export function ButtonDemo() {
+ return
+}
+```
+
+
+
+### Ghost
+
+
+
+ Preview
+ Code
+
+
+
+
+
+
+
+```tsx
+import { Button } from "@components/Button";
+
+export function ButtonDemo() {
+ return
+}
+```
+
+
+
+### Link
+
+
+
+ Preview
+ Code
+
+
+
+
+
+
+
+```tsx
+import { Button } from "@components/Button";
+
+export function ButtonDemo() {
+ return
+}
+```
+
+
+
+### Success
+
+
+
+ Preview
+ Code
+
+
+
+
+
+
+
+```tsx
+import { Button } from "@components/Button";
+
+export function ButtonDemo() {
+ return
+}
+```
+
+
+
+### Warning
+
+
+
+ Preview
+ Code
+
+
+
+
+
+
+
+```tsx
+import { Button } from "@components/Button";
+
+export function ButtonDemo() {
+ return
+}
+```
+
+
+
+### Danger
+
+
+
+ Preview
+ Code
+
+
+
+
+
+
+
+```tsx
+import { Button } from "@components/Button";
+
+export function ButtonDemo() {
+ return
+}
+```
+
+