@lotte-innovate/ui-component-test 0.1.14 → 0.1.15
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/dist/README.md +71 -0
- package/package.json +1 -1
package/dist/README.md
ADDED
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
# LOTTE UI COMPONENT LIBRARY
|
|
2
|
+
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<br />
|
|
6
|
+
|
|
7
|
+
## 목차
|
|
8
|
+
|
|
9
|
+
- [Introduction](#introduction)
|
|
10
|
+
- [Installation](#installation)
|
|
11
|
+
- [Setup](#setup)
|
|
12
|
+
- [Usage](#usage)
|
|
13
|
+
- [Components](#components)
|
|
14
|
+
- [License](#license)
|
|
15
|
+
|
|
16
|
+
## Introduction
|
|
17
|
+
|
|
18
|
+
모든 L-UI 구성 요소를 내보내는 단일 패키지입니다.
|
|
19
|
+
|
|
20
|
+
일관되고 통일된 컴포넌트를 제공하며 사용자 정의 및 재사용 가능합니다.
|
|
21
|
+
|
|
22
|
+
이 라이브러리는 React로 구축된 프로젝트를 지원합니다.
|
|
23
|
+
|
|
24
|
+
## Installation
|
|
25
|
+
|
|
26
|
+
패키지를 설치하기 위해 아래 명령어를 사용합니다.
|
|
27
|
+
|
|
28
|
+
```bash
|
|
29
|
+
npm i @lotte-innovate/ui-component-test
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
```bash
|
|
33
|
+
yarn add @lotte-innovate/ui-component-test
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
## Setup
|
|
37
|
+
|
|
38
|
+
패키지를 설치한 후 css 스타일을 프로젝트로 가져옵니다.
|
|
39
|
+
|
|
40
|
+
프로젝트 App 진입 파일에 다음 줄을 추가해줍니다.
|
|
41
|
+
|
|
42
|
+
```
|
|
43
|
+
import '@lotte-innovate/ui-component-test/dist/globals.css';
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
## Usage
|
|
47
|
+
|
|
48
|
+
React 프로젝트에서 컴포넌트를 사용하는 방법에 대한 예시입니다.
|
|
49
|
+
|
|
50
|
+
```javascript
|
|
51
|
+
import React from 'react';
|
|
52
|
+
import { Button } from '@lotte-innovate/ui-component-test';
|
|
53
|
+
|
|
54
|
+
const App = () => {
|
|
55
|
+
return (
|
|
56
|
+
<div>
|
|
57
|
+
<Button onClick={() => alert('Button clicked!')}>Click Me</Button>
|
|
58
|
+
</div>
|
|
59
|
+
);
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
export default App;
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
## Components
|
|
66
|
+
|
|
67
|
+
주요 컴포넌트는 이런 이런 종류가 있습니다. (추가 설명 작성 예정)
|
|
68
|
+
|
|
69
|
+
## License
|
|
70
|
+
|
|
71
|
+
@lotte
|