MUI

Updated: 2021-12-16

How to disable container maxwidth

<Container maxWidth={false} sx={{ maxWidth: '960px' }}>
  //...
</Container>

How to Change CardHeader font size

<CardHeader title="..." titleTypographyProps={{ variant: 'h6' }} />
<ListItem component="a" href="/path/to">
  <ListItemText>List1</ListItemText>
</ListItem>

or use ListItemButton instead of ListItem

How to Customize a Component

const CustomizedListItemButton = (props) => (
  <ListItemButton
    divider
    component="a"
    sx={{ fontSize: '1.1rem' }}
    {...props}
  ></ListItemButton>
);