docs: add action button design docs

daangn · Dec 2, 2024 · c269976 · c269976
1 parent 6b9218c
commit c269976
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/docs/content/docs/design/components/action-button.mdx b/docs/content/docs/design/components/action-button.mdx
@@ -0,0 +1,32 @@
+---
+title: Action Button
+description: TBD
+---
+
+## Overview
+
+### 옵션 테이블
+
+| 속성        | 값                                                                 | 기본값    |
+| ----------- | ------------------------------------------------------------------ | --------- |
+| variant     | brand solid, brand weak, neutral solid, neutral weak, danger solid |           |
+| size        | xsmall, small, medium, large                                       | medium    |
+| layout      | with text, icon only                                               | with text |
+| disabled    | true, false                                                        | false     |
+| prefix icon | icon                                                               |           |
+| suffix icon | Icon                                                               |           |
+
+## 링크
+
+<Cards>
+  <Card
+    icon={<AtomIcon />}
+    title="React"
+    description="Action Button 컴포넌트를 React로 사용하는 방법을 설명합니다."
+    href="/docs/react/components/action-button"
+  />
+</Cards>
+
+## Spec
+
+<ComponentSpecBlock id="action-button" />