ddingdong-design-system 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +41 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1 +1,41 @@
|
|
|
1
|
-
#
|
|
1
|
+
# ddingdong-design-system
|
|
2
|
+
|
|
3
|
+
React 19 기반 디자인 시스템 라이브러리입니다. 반복적으로 사용하는 UI 컴포넌트들을 효율적으로 관리하고, 생산성을 높이기 위해 제작되었습니다.
|
|
4
|
+
|
|
5
|
+
## Libraries
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
> ⚠️ 본 라이브러리는 React 19 버전에 최적화되어 있습니다. React 18 이하 버전에서는 정상 동작하지 않을 수 있습니다.
|
|
16
|
+
|
|
17
|
+
## Install
|
|
18
|
+
|
|
19
|
+
```bash
|
|
20
|
+
npm install ddingdong-design-system
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## How
|
|
24
|
+
|
|
25
|
+
라이브러리에서 필요한 컴포넌트를 import하여 사용할 수 있습니다.
|
|
26
|
+
|
|
27
|
+
```tsx
|
|
28
|
+
import { Button } from 'ddingdong-design-system';
|
|
29
|
+
|
|
30
|
+
function App() {
|
|
31
|
+
return <Button>버튼</Button>;
|
|
32
|
+
}
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## Storybook
|
|
36
|
+
|
|
37
|
+
[바로가기](https://677a9a76c58a295e9421d3ef-garbyhzfad.chromatic.com/)
|
|
38
|
+
|
|
39
|
+
## License
|
|
40
|
+
|
|
41
|
+
@ddingdong
|