# 🎨 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 />