lwds

LWDS (Linewalks Design System)

Description

Linewalks 사내 디자인 시스템을 React 환경에서 사용하기 쉽게 만든 라이브러리

Getting Started

Built With

• Node = 12.x LTS, 14.x LTS
• yarn >= 1.19.x, 1.5.x

Prerequisites

1. Install Node.js (14.x LTS)

• 파일다운로드

2. Install Yarn

• yarn

Installation

1. Clone the repo
2. Install packages

   > yarn

Usage

Build from source

> yarn build

Run docs

> yarn styleguide

Run component definition docs

> yarn docstart

Quick Start (example)

• Get started with React and LWDS in no time.

> yarn add @LWDS

import * as React from 'react'
import ReactDOM from 'react-dom'
import Button from 'lwds/Button'
// import styles from 'lwds/styles'

function App() {
  return <Button variant="contained">Hello World</Button>
}

ReactDOM.render(<App />, document.querySelector('#app'))

Test

Run Local Test

> yarn test

Links

LWDS Guide Page

Contact

이종혁 - [e-mail]