@gateweb/react-material-ui v1.3.0

GateWeb Material React UI

GateWeb Material React UI 是一個基於 Material-UI (MUI) 打造的UI元件庫，旨在提供一致且易於使用的UI元件，幫助開發者更高效地構建現代Web應用。我們的元件庫使用了 Material React Table 套件來實現高效和靈活的表格功能。

技術堆棧

• React: 用於構建用戶界面的JavaScript庫。
• Material-UI (MUI): 一個流行的React UI框架，提供一套基於Material Design的高質量元件。
• Material React Table: 一個強大的React表格庫，樣式基於 Material-UI (MUI)，功能基於 TanStack Table，提供豐富的表格功能

系統要求

• Node.js: 18.x 或更高版本

使用方式

安裝

npm install @gateweb/react-material-ui
# or
yarn add @gateweb/react-material-ui
# or
pnpm add @gateweb/react-material-ui

引入

import { Button } from '@gateweb/react-material-ui';

注意事項

Mui-icons 問題

v1.2.0 時在 next.js 專案中使用包含引入 @mui/icons-material 的元件時，會遇到以下錯誤：

React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object.

根據相關的 issue，在引入 icon 時做了以下調整：

// 原本方式使用 default import
import CheckIcon from '@mui/icons-material/Check';

// 修改為使用 named import
import { Check as CheckIcon } from '@mui/icons-material';