@pisodev/test-component-library 1.1.1 → 1.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 +3 -37
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -31,42 +31,11 @@ function App() {
|
|
|
31
31
|
}
|
|
32
32
|
```
|
|
33
33
|
|
|
34
|
-
### 테마 커스터마이징
|
|
35
|
-
|
|
36
|
-
컬러 시스템을 커스터마이징하여 브랜드 컬러를 적용할 수 있습니다.
|
|
37
|
-
|
|
38
|
-
```tsx
|
|
39
|
-
import { ThemeProvider } from '@pisodev/test-component-library';
|
|
40
|
-
|
|
41
|
-
function App() {
|
|
42
|
-
return (
|
|
43
|
-
<ThemeProvider
|
|
44
|
-
colors={{
|
|
45
|
-
primary: {
|
|
46
|
-
600: '#ff6b6b', // 링크의 기본 색상
|
|
47
|
-
700: '#ee5a52', // hover 상태 색상
|
|
48
|
-
},
|
|
49
|
-
}}
|
|
50
|
-
>
|
|
51
|
-
<YourApp />
|
|
52
|
-
</ThemeProvider>
|
|
53
|
-
);
|
|
54
|
-
}
|
|
55
|
-
```
|
|
56
|
-
|
|
57
|
-
**사용 가능한 컬러 스케일**: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900
|
|
58
|
-
|
|
59
|
-
**기본 제공 컬러**: `primary`, `secondary`, `success`, `warning`, `danger`
|
|
60
|
-
|
|
61
|
-
**컬러 변경 방법**:
|
|
62
|
-
- 일부 스케일만 변경: 필요한 스케일만 지정하면 나머지는 기본값 유지
|
|
63
|
-
- 새 컬러 추가: 원하는 이름으로 새로운 컬러 스케일 추가 가능
|
|
64
|
-
|
|
65
34
|
## 컴포넌트
|
|
66
35
|
|
|
67
36
|
### Anchor
|
|
68
37
|
|
|
69
|
-
`rel`과 `title` 속성이 **필수**인 링크 컴포넌트입니다.
|
|
38
|
+
`rel`과 `title` 속성이 **필수**인 링크 컴포넌트입니다.
|
|
70
39
|
|
|
71
40
|
```tsx
|
|
72
41
|
<Anchor
|
|
@@ -90,12 +59,9 @@ function App() {
|
|
|
90
59
|
**Props (필수 항목)**
|
|
91
60
|
- `href`: `string` (필수)
|
|
92
61
|
- `rel`: `string` (필수) - 링크 관계 (예: `"noopener noreferrer"`, `"internal"`)
|
|
93
|
-
- `title`: `string` (필수) - 링크 설명
|
|
62
|
+
- `title`: `string` (필수) - 링크 설명
|
|
94
63
|
- `target`: `'_blank'` | `'_self'` | `'_parent'` | `'_top'` (기본값: `'_self'`)
|
|
95
|
-
- `onClick`: `(e: React.MouseEvent<HTMLAnchorElement>) => void`
|
|
96
64
|
|
|
97
|
-
|
|
65
|
+
## 배포
|
|
98
66
|
|
|
99
|
-
## 라이센스
|
|
100
67
|
|
|
101
|
-
MIT
|