LWDS (Linewalks Design System)

Description

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

Getting Started

Built With

• Node = 16.x LTS (16.20.2 권장)
• yarn >= 1.22.19

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'
import styles from 'lwds/styles'

function App() {
  return (
    <>
      <div
        className={styles.heading_04}
        style={{ color: styles.color_text_03 }}
      >
        Title
      </div>
      <Button variant="contained">Hello World</Button>
    </>
  )
}

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

Test

Run Local Test

> yarn test

Links

LWDS Guide Page

Contact

• sector.rest - sector.rest@kakaohealthcare.com
• rapha.el - rapha.el@kakaohealthcare.com
• lana.good - lana.good@kakaohealthcare.com
• edit.re - edit.re@kakaohealthcare.com