plab-design-system v0.1.11

plab-design-system

PDS(plab-design-system)은 마이플레이컴퍼니에서 사용하는 디자인시스템입니다.

Installation

$ yarn add plab-design-system
or
$ npm install plab-design-system

Usage

plab-design-system은 Storybook을 제공하고 있어 Components와 그 속성들을 확인할 수 있습니다.

기본적인 사용법은 아래와 같습니다. 프로젝트의 Entry 파일에 css 파일을 import 해줍니다.

import 'plab-design-system/dist/index.css'

컴포넌트를 사용하는 파일에서 아래와 같이 import 하여 사용합니다.

import { Badge } from 'plab-design-system';

const App = () => {
  return (
    <Badge type="small" /> 
  );
}

How to Contribute