「MUI」の版間の差分
ナビゲーションに移動
検索に移動
(→インストール) |
(→インストール) |
||
16行目: | 16行目: | ||
*内部的に[https://emotion.sh/docs/introduction Emotion](フレームワークにとらわれず使うことができるCSS in JSのフレームワーク)を利用している | *内部的に[https://emotion.sh/docs/introduction Emotion](フレームワークにとらわれず使うことができるCSS in JSのフレームワーク)を利用している | ||
+ | |||
+ | ==使用== | ||
+ | <pre> | ||
+ | import { Button } from '@mui/material'; | ||
+ | : | ||
+ | |||
+ | <Button variant="text">Text</Button> | ||
+ | </pre> |
2024年10月5日 (土) 05:48時点における最新版
- 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>
© 2006 矢木浩人