docs: update docs

daangn · Oct 16, 2024 · c81d805 · c81d805
1 parent 458cbbe
commit c81d805
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 0 deletions.
diff --git a/docs/content/docs/design/components/action-chip.mdx b/docs/content/docs/design/components/action-chip.mdx
@@ -0,0 +1,29 @@
+---
+title: Action Chip
+description: TBD
+---
+
+## Overview
+
+### 옵션 테이블
+
+| 속성         | 값                | 기본값  |
+|--------------|-------------------|---------|
+| size         | medium, small      | medium  |
+| layout       | with text, icon only | with text   |
+| disabled     | true, false        | false   |
+| count        | number             |         |
+| prefix icon  | icon               |         |
+| suffix icon  | Icon               |         |
+
+
+## 링크
+
+<Cards>
+  <Card
+    icon={<AtomIcon />}
+    title="React"
+    description="Action Chip 컴포넌트를 React로 사용하는 방법을 설명합니다."
+    href="/docs/react/components/action-button"
+  />
+</Cards>
diff --git a/docs/content/docs/design/foundation/design-token.mdx b/docs/content/docs/design/foundation/design-token.mdx
@@ -12,6 +12,8 @@ description: 디자인 토큰은 디자인 결정을 사람과 기계가 이해
 
 ## SEED 디자인 토큰의 구성
 
+TODO: 이미지
+
 **Raw values**는 어떤 디스플레이 장치에 그릴 수 있는 실제 값을 의미합니다. `1px`, `1dp`, `1rem`, `1vw` 와 같이 크기를 나타내는 값, `#fff`, `rgba(123, 123, 123, 1)` 처럼 색상을 나타내는 값, `"Noto Sans KR"` 같은 폰트를 나타내는 값 등이 모두 해당됩니다.
 
 사실상 무한한 값들 중에 실제로 사용될 값을 제한하고 고유한 이름을 부여하는 것으로 디자인의 일관성과 재사용성을 얻을 수 있지만, 반대로 디자인의 유연성과 창의성을 크게 제한할 수 있습니다.