MUI
#React #Emotion #styled-components #Fontsource #Material_Design
パッケージ
@mui/system
@mui/material
@mui/styled-engine
Emotionのstyled()のラッパー
@mui/styled-engine-sc
styled-componentsを使うときはこっちを使う
@mui/lab
Pigment CSS
MUI X
@mui/x-date-pickers
スタイリング
sx
styled()
@mui/systemまたは@mui/material/stylesからimportできる (それぞれ、デフォルトで使われるテーマが異なる)
テーマ
React Router (v6)と併用する
code:javascript
import MuiLink from '@mui/material/Link'
import { Link } from 'react-router-dom'
function TopLink() {
return (
<MuiLink component={Link} to='/'>
Top
</MuiLink>
)
}
リンク
Zero Runtime RFC discussion #40844