lwds
TypeScript icon, indicating that this package has built-in type declarations

0.3.29 • Public • Published

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

LWDS Guide Page

Contact

Package Sidebar

Install

npm i lwds

Weekly Downloads

67

Version

0.3.29

License

MIT

Unpacked Size

4.64 MB

Total Files

318

Last publish

Collaborators

  • thiporia
  • linewalks
  • goodlana
  • edit.re