@lotte-innovate/ui-component-test 0.1.13 → 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 +3 -2
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
|
package/package.json
CHANGED
@@ -1,14 +1,15 @@
|
|
1
1
|
{
|
2
2
|
"name": "@lotte-innovate/ui-component-test",
|
3
3
|
"description": "Lotte UI Library",
|
4
|
-
"version": "0.1.
|
4
|
+
"version": "0.1.15",
|
5
5
|
"private": false,
|
6
6
|
"type": "module",
|
7
7
|
"files": [
|
8
8
|
"dist/lib",
|
9
9
|
"dist/tailwind.config.d.ts",
|
10
10
|
"dist/tailwind.config.js",
|
11
|
-
"dist/globals.css"
|
11
|
+
"dist/globals.css",
|
12
|
+
"dist/README.md"
|
12
13
|
],
|
13
14
|
"main": "dist/lib/index.js",
|
14
15
|
"module": "dist/lib/index.js",
|