@lotte-innovate/ui-component-test 0.1.24 → 0.1.25
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +21 -0
- package/dist/globals.css +1 -1
- package/dist/lib/components/BarChart/index.d.ts +2 -2
- package/dist/lib/components/BarChart/index.js +2 -1
- package/dist/lib/components/LineChart/index.d.ts +2 -2
- package/dist/lib/components/LineChart/index.js +2 -1
- package/dist/lib/components/ToggleGroup/ToggleGroupRoot.d.ts +3 -6
- package/dist/lib/components/ToggleGroup/ToggleGroupRoot.js +1 -1
- package/dist/lib/components/ToggleGroup/index.d.ts +1 -1
- package/dist/lib/components/index.d.ts +2 -0
- package/dist/lib/components/index.js +2 -0
- package/package.json +1 -1
package/README.md
CHANGED
@@ -62,6 +62,27 @@ const App = () => {
|
|
62
62
|
export default App;
|
63
63
|
```
|
64
64
|
|
65
|
+
컴포넌트에서 아이콘을 사용하려면, 다음과 같은 방법으로 아이콘을 가져올 수 있습니다.
|
66
|
+
|
67
|
+
```javascript
|
68
|
+
import React from 'react';
|
69
|
+
import { IconButton } from '@lotte-innovate/ui-component-test';
|
70
|
+
import { MagnifyingGlassIcon } from "@radix-ui/react-icons";
|
71
|
+
|
72
|
+
const App = () => {
|
73
|
+
return (
|
74
|
+
<div>
|
75
|
+
<IconButton>
|
76
|
+
<MagnifyingGlassIcon />
|
77
|
+
</IconButton>
|
78
|
+
</div>
|
79
|
+
);
|
80
|
+
};
|
81
|
+
|
82
|
+
export default App;
|
83
|
+
```
|
84
|
+
|
85
|
+
|
65
86
|
## Components
|
66
87
|
|
67
88
|
주요 컴포넌트는 이런 이런 종류가 있습니다. (추가 설명 작성 예정)
|