Files
react-test/docs/data/system/display/Hiding.js

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

29 lines
580 B
JavaScript
Raw Normal View History

2025-12-12 14:26:25 +09:00
import Box from '@mui/material/Box';
export default function Hiding() {
return (
<div style={{ width: '100%' }}>
<Box
sx={{
display: { xs: 'block', md: 'none' },
m: 1,
fontSize: '0.875rem',
fontWeight: '700',
}}
>
hide on screens wider than md
</Box>
<Box
sx={{
display: { xs: 'none', md: 'block' },
m: 1,
fontSize: '0.875rem',
fontWeight: '700',
}}
>
hide on screens smaller than md
</Box>
</div>
);
}