MUI

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>