跳到主要內容
+

安裝

安裝 MUI System,一個 CSS 工具集合,可快速佈局自訂設計。

預設安裝

執行下列其中一個指令,將 MUI System 新增至您的專案

npm install @mui/system @emotion/react @emotion/styled

同層級相依性

請注意,react 是同層級相依性套件,意即您應確保在安裝 MUI System 之前已安裝 react。

"peerDependencies": {
  "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
},

使用 styled-components

MUI System 使用 Emotion 作為預設樣式引擎。如果您想改用 styled-components,請執行下列其中一個指令

npm install @mui/system @mui/styled-engine-sc styled-components