I am currently attempting to customize the default Material UI classes by using useStyles and applying a classname of titleSection. My goal is to make the titleSection bold and in Roboto font, but unfortunately, those styles are not being applied.
Below is my card:
function ImageCard(props: ImageCardProps) {
const classes = useStyles();
return (
<Card>
<CardHeader title={props.title} className={classes.titleSection} />
</Card>
);
}
Here is how I have defined my useStyles:
const useStyles = makeStyles((theme: Theme) =>
createStyles({
titleSection:{
paddingBottom: 0,
fontWeight:'bolder',
fontFamily:'Roboto',
},
})
);