tech-memo

Material UI

sxをbreakpointで分ける

https://mui.com/system/getting-started/usage/#responsive-values

<Typography sx={{ mr: 2 }}>

これをmd以上に設定するには、

<Typography sx={{ mr: { md: 2 } }}>

xsとmdでflex方向を分ける

<Box  display="flex"  flexDirection={{ xs: 'column', md: 'row' }} >