| ページ一覧 | ブログ | twitter |  書式 | 書式(表) |

MyMemoWiki

MUI

提供: MyMemoWiki
2024年10月5日 (土) 05:48時点におけるPiroto (トーク | 投稿記録)による版 (→‎インストール)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
ナビゲーションに移動 検索に移動

React | Next.js


  • https://mui.com/
  • Material UI (MUI) はReactアプリで利用できるコンポーネントを集めたライブラリ

主なコンポーネント

  • MUI Core : 基本コンポーネント(無償)
  • MUI X : より複雑なユースケースに対応下コンポーネント群(一部有償)
  • Templates : MUIベースで構築されたテンプレート群

インストール

$ npm install @mui/material @mui/icons-material @emotion/react @emotion/styled
  • 内部的にEmotion(フレームワークにとらわれず使うことができるCSS in JSのフレームワーク)を利用している

使用

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

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