docs: badge

daangn · Nov 27, 2024 · c2e2e0a · c2e2e0a
1 parent bbaf188
commit c2e2e0a
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 1 deletion.
diff --git a/docs/content/docs/design/components/action-chip.mdx b/docs/content/docs/design/components/action-chip.mdx
@@ -30,4 +30,4 @@ description: TBD
 
 ## Spec
 
-<ComponentSpecTable id={"action-chip"} />
+<ComponentSpecTable id="action-chip" />
diff --git a/docs/content/docs/design/components/badge.mdx b/docs/content/docs/design/components/badge.mdx
@@ -0,0 +1,29 @@
+---
+title: Badge
+description: TBD
+---
+
+## Overview
+
+### 옵션 테이블
+
+| 속성    | 값                                            | 기본값  |
+| ------- | --------------------------------------------- | ------- |
+| size    | medium, small                                 | medium  |
+| variant | soft, solid, outlined                         | soft    |
+| tone    | neutral, brand, informative, positive, danger | neutral |
+
+## 링크
+
+<Cards>
+  <Card
+    icon={<AtomIcon />}
+    title="React"
+    description="Badge 컴포넌트를 React로 사용하는 방법을 설명합니다."
+    href="/docs/react/components/badge"
+  />
+</Cards>
+
+## Spec
+
+<ComponentSpecTable id="badge" />
Original file line number	Diff line number	Diff line change
Expand Up		@@ -30,4 +30,4 @@ description: TBD

		## Spec

		<ComponentSpecTable id={"action-chip"} />
		<ComponentSpecTable id="action-chip" />