🎨 什么是 YDS

YDS 是崇实大学社团 YourShu 所使用的设计系统。它旨在提高视图组件的复用性，从而缩短代码编写时间，同时确保设计质量的一致性。

📝 문서

YDS Wiki
YDS 文档在 Notion 页面中管理。
您可以在此查看组件信息及使用示例。

YDS Storybook

🖌 피그마

YDS Figma

🛠 사용 방법

1. 安装 YDS 包以及 styled-components。

npm install @yourssu/design-system-react styled-components

yarn add @yourssu/design-system-react styled-components

pnpm install @yourssu/design-system-react styled-components

2. 在 Root Component 中包裹 YDSWrapper。

ReactDOM.createRoot(document.getElementById("root")!).render(
  <React.StrictMode>
    <YDSWrapper>
      <App />
    </YDSWrapper>
  </React.StrictMode>
);

📱 使用 YDS 开发的产品

Soomsil-Web

💻 타 버전 저장소

YDS-Android
YDS-iOS