Mui:styled
Utility for creating styled components.
Categories
Examples
div 재정의
const MyComponent = styled('div')({
color: 'darkslategray',
backgroundColor: 'aliceblue',
padding: 8,
borderRadius: 4,
});
mui 컴포넌트 재정의
import Paper from '@mui/material/Paper';
const Item = styled(Paper)(({theme}) => ({
backgroundColor: theme.palette.mode === 'dark' ? '#1A2027' : '#fff',
...theme.typography.body2,
padding: theme.spacing(1),
textAlign: 'center',
color: theme.palette.text.secondary,
}));