Vibe

🚀 Vibe設計系統

Vibe設計系統是一系列實用的包集合，旨在加速開發流程，同時顯著提升用戶體驗。它通過提供豐富的組件、實用的樣式以及詳細的指南，助力開發者高效構建React.js應用程序。

🚀 快速開始

Vibe設計系統能有效提升開發效率，為React.js應用開發提供有力支持。以下是使用該系統的基本步驟。

📦 安裝指南

你可以使用npm或者yarn來安裝@vibe/core包：

npm install @vibe/core
# 或者
yarn add @vibe/core

為了加載所有相關的CSS令牌，你需要在應用程序根文件中導入令牌文件：

import "@vibe/core/tokens";

💻 使用示例

基礎用法

從庫的主入口點導入組件，以下是導入Button組件的示例：

import { Button } from "@vibe/core";

✨ 主要特性

Vibe設計系統擁有豐富的生態系統，涵蓋多個實用的包，為開發提供全面支持：

• @vibe/core：核心組件庫，提供基礎組件支持。
• @vibe/icons：圖標庫，包含各種實用圖標。
• @vibe/testkit：Playwright測試工具包，方便進行測試。
• @vibe/codemod：代碼轉換工具和CLI工具，提升開發效率。
• monday-ui-style：樣式基礎（包含在@vibe/core中），提供統一的樣式規範。
• vibe-storybook-components：Vibe Storybook組件，便於組件展示和調試。
• storybook-addon-playground：Storybook組件遊樂場Addon，提供交互式的組件開發環境。

📚 詳細文檔

舊版本說明

Vibe 2（monday-ui-react-core）將不再接收新功能或改進，但會繼續獲得必要的關鍵錯誤修復。我們強烈建議你遵循遷移指南升級到正在維護的最新版本Vibe 3，該版本包含最新的改進、新組件和持續支持。有關版本2的文檔，請訪問vibe.monday.com/v2。

貢獻說明

我們歡迎每一位貢獻者！請閱讀我們的貢獻指南。

建議反饋

如果你有任何問題或建議，請隨意打開討論。發現任何錯誤？請打開一個問題。