「MUI」の版間の差分

2024年10月5日 (土) 05:48時点における最新版

$ npm install @mui/material @mui/icons-material @emotion/react @emotion/styled

import { Button } from '@mui/material';
   :

<Button variant="text">Text</Button>

@@ 1行目: / 1行目: @@
 [[React]] | [[Next.js]]
+*https://mui.com/
 *Material UI (MUI) はReactアプリで利用できるコンポーネントを集めたライブラリ
@@ 7行目: / 9行目: @@
 *MUI X :　より複雑なユースケースに対応下コンポーネント群(一部有償)
 *Templates : MUIベースで構築されたテンプレート群
+==インストール==
+<pre>
+$ npm install @mui/material @mui/icons-material @emotion/react @emotion/styled
+</pre>
+*内部的に[https://emotion.sh/docs/introduction Emotion](フレームワークにとらわれず使うことができるCSS in JSのフレームワーク)を利用している
+==使用==
+<pre>
+import { Button } from '@mui/material';
+   :
+&lt;Button variant="text"&gt;Text&lt;/Button&gt;
+</pre>