motimo-shared-ui

motimo-shared-ui는 Motimo의 UI를 구축하기 위한 통일된 디자인 언어와 재사용 가능한 컴포넌트 세트입니다. 일관된 사용자 경험을 제공하고 개발 효율성을 높이는 것을 목표로 합니다.

📌운영 및 보수 유의점

index.ts를 통해 제작한 컴포넌트 중 패키지화 할 것들을 정리한다.

import Test from "./Test";

// 아래와 같이 export한다
export { Test };

✨ 왜 이 디자인 시스템을 사용해야 할까요?

이 디자인 시스템은 Motimo의 모든 제품에서 일관되고 통일된 사용자 경험을 보장합니다. 디자인 및 개발 프로세스를 간소화하고, 재사용 가능한 컴포넌트를 통해 효율성을 극대화하며, 브랜드 아이덴티티를 강화하는 데 기여합니다.

🚀 설치 방법

npm 또는 yarn을 사용하여 패키지를 설치할 수 있습니다.

# npm 사용 시
npm install motimo-shared-ui

# yarn 사용 시
yarn add motimo-shared-ui

사용 방법 (Usage)

설치 후 컴포넌트를 어떻게 가져와서 사용할 수 있는지 간단한 코드 예시를 제공합니다.

💡 사용 예시

import React from "react";
import { Test } from "motimo-shared-ui";

function App() {
  return (
    <div>
      <Test />
    </div>
  );
}

export default App;

📚 전체 문서

각 컴포넌트의 상세한 사용법, props, 디자인 가이드라인 등은 [여기에서]([스토리북 배포 문서 사이트 링크]) 확인하실 수 있습니다.

주요 문서:

• [시작하기] https://10th-motimo-storybook.vercel.app/?path=/docs/introduction--docs
• [예시] https://10th-motimo-storybook.vercel.app/?path=/docs/components-test--docs

🙌 기여하기

이 디자인 시스템의 발전에 기여하고 싶으시다면 언제든지 환영합니다! 자세한 내용은 기여 가이드라인을 참조해 주세요.

• 이슈 보고

📝 라이선스

이 프로젝트는 MIT 라이선스를 따릅니다.