From 19378c16ea44f14884a393f33dd7e9304f59dd3c Mon Sep 17 00:00:00 2001
From: p-sw <shinwoo.park@psw.kr>
Date: Sun, 2 Jun 2024 01:50:12 +0900
Subject: [PATCH] fix: make import and usage separated in Button docs

---
 packages/react/src/docs/components/Button.mdx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/docs/components/Button.mdx b/packages/react/src/docs/components/Button.mdx
index 36eac86..7354156 100644
--- a/packages/react/src/docs/components/Button.mdx
+++ b/packages/react/src/docs/components/Button.mdx
@@ -38,10 +38,10 @@ Displays a button or a component that looks like a button.
 
 ```tsx
 import { Button } from "@components/Button";
+```
 
-function ButtonDemo() {
-    return <Button>Button</Button>
-}
+```html
+<Button>Button</Button>
 ```
 
 ### Props