open-index/open-npm huggingface dataset:
npm package: @lotte-innovate/lui-editor
Description: Lotte UI Library
Latest version: 0.1.5

# LOTTE UI COMPONENT LIBRARY

<br />

## 목차

- [Introduction](#introduction)
- [Installation](#installation)
- [Usage](#usage)
- [License](#license)

## Introduction

L-UI 에디터를 포함한 단일 패키지입니다.

이 패키지는 TinyMCE 에디터를 사용하며 웹 기반의 WYSIWYG HTML 편집기를 제공합니다.

다양한 플러그인을 통해 기능을 확장할 수 있으며 상세 기능은 이 [링크](https://www.tiny.cloud/docs/tinymce/6/examples/)에서 확인 가능합니다.

## Installation

패키지를 설치하기 위해 아래 명령어를 사용합니다.

```bash
  npm i @lotte-innovate/lui-editor
```

```bash
  yarn add @lotte-innovate/lui-editor
```

패키지 설치 시, 에디터 내부의 콘텐츠 스타일을 정의하는 css 파일이 다음 경로에 추가됩니다.

```bash
  public/tinymce/skins/ui/oxide/content.min.css
  public/tinymce/skins/ui/oxide/skin.min.css
  public/tinymce/skins/content/default/content.css
```

## Usage

React 프로젝트에서 에디터를 사용하는 방법에 대한 예시입니다.

```javascript
import React from 'react';
import { Editor } from '@lotte-innovate/lui-editor';

const App = () => {
  return (
    <div>
      <Editor />
    </div>
  );
};

export default App;
```

## License

@lotte-innovate
npm package: @lotte-innovate/lui-vue
Description: Lotte UI Library
Latest version: 0.0.68

# 🎨 LOTTE UI LIBRARY (L-UI)

<br />

## 📌목차

- [💁 소개](#소개)
- [💻 사전설치](#사전설치)
- [🟢 실행](#실행)

<br />

## 💁소개

<b>Lotte Innovate 디자인 가이드를 적용한 전사 표준 UI 라이브러리입니다.</b>

<br />

## 💻사전설치

이 라이브러리는 Vite에서 Vue3로 구축된 프로젝트를 지원하며 주요 사전 설치 라이브러리는 아래와 같습니다.

- 프로젝트에서 필요한 패키지를 설치

```sh
npm install
```

- radix-vue
  - 컴포넌트 개발 시 활용할 라이브러리로 필요한 컴포넌트 별 설치

```shell
npm install radix-vue
```

- storybook
  - 컴포넌트 디자인 테스트를 위해 설치

```shell
npx sb init
```

<br />

## 🟢실행

- 개발모드 실행

```shell
npm run dev
```

- 스토리북 실행

```shell
npm run storybook
```

> 접속주소(포트 6006 사용 시): `http://localhost:6006`

<br />
npm package: @lotte-innovate/ui-component-test-vue
Description: Lotte UI Library
Latest version: 0.0.20

# 🎨 LOTTE UI LIBRARY (L-UI)

<br />

## 📌목차

- [💁 소개](#소개)
- [💻 사전설치](#사전설치)
- [🟢 실행](#실행)

<br />

## 💁소개

<b>Lotte Innovate 디자인 가이드를 적용한 전사 표준 UI 라이브러리입니다.</b>

<br />

## 💻사전설치

이 라이브러리는 Vite에서 Vue3로 구축된 프로젝트를 지원하며 주요 사전 설치 라이브러리는 아래와 같습니다.

- 프로젝트에서 필요한 패키지를 설치

```sh
npm install
```

- radix-vue
  - 컴포넌트 개발 시 활용할 라이브러리로 필요한 컴포넌트 별 설치

```shell
npm install radix-vue
```

- storybook
  - 컴포넌트 디자인 테스트를 위해 설치

```shell
npx sb init
```

<br />

## 🟢실행

- 개발모드 실행

```shell
npm run dev
```

- 스토리북 실행

```shell
npm run storybook
```

> 접속주소(포트 6006 사용 시): `http://localhost:6006`

<br />