/devent-design-system-v2

말할 수 없는 디자인에 관해서는 침묵해야 한다.

Primary LanguageTypeScriptMIT LicenseMIT

🖨️ devent-design-system v2

다시 돌아온 디자인 시스템 v2 입니다. 2년전에 디자인 시스템 v1을 구축했었고 잘 사용했지만 기술 스택의 변화로 지금은 레거시가 되어버린지 오래되었습니다. 그동안 새로운 디자인 시스템을 구축하려 했으나 시간이 허락하지 않아 미뤄두었는데 이제야 구현하게 되었습니다. 또한 누구나 디자인 시스템을 자유롭게 사용할 수 있도록 MIT 라이선스로 배포해 두었습니다.

이 디자인 시스템의 목적은 다음과 같습니다.

  • 시간 절약
  • 디자인의 심미성과 통일성
  • 개인적 목적이 아닌 범용적으로 사용 가능한 디자인 시스템

license npm latest package npm downloads

Documentation

https://design.devent.kr 에 데모코드와 컴포넌트 사용 방법이 명시되어 있습니다.

Install

npm i deventds2

Usage

React 상단에 ThemeProvider 컨텍스트를 추가해야 합니다. 다크모드와 색상의 동적 변환을 위한 필수 설정입니다.

import { ThemeProvider } from "deventds2";

function Index() {
  return <ThemeProvider>...Component Router</ThemeProvider>;
}

npm install후 원하는 컴포넌트를 불러와서 붙여넣으면 됩니다. 공식 문서에 메서드와 사용 방법이 명시되어 있습니다.

import { Button } from "deventds2";

function App() {
  return (
    <>
      <Button>버튼</Button>
    </>
  );
}

Contact

문서에 대한 지적 혹은 개발자에게 연락하려면 아래 링크로 방문해주세요.