@lotte-innovate/ui-component-test 0.1.14 → 0.1.15
Sign up to get free protection for your applications and to get access to all the features.
- 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
|