Как применить fontSize к заголовку CardHeader в Material-UI? - PullRequest
Новая
       5

Как применить fontSize к заголовку CardHeader в Material-UI?

0 голосов
/ 10 апреля 2019

Я хочу изменить заголовок в CardHeader на 16px.Я попытался изменить тему в App.js, но она не работает 

const theme = createMuiTheme({
      typography: {
        useNextVariants: true,
        overrides: {
          MuiCardHeader: {
            titleTypographyProps: {
              variant:'h2'
            }
          }
        }
    });

В компоненте 

<CardHeader
        action={
        <IconButton color="inherit">
            <MoreHorizIcon />
        </IconButton>
        }
        title="Titletext"
      />

Шрифт заголовка по-прежнему не изменяется.Что мне нужно сделать, чтобы это исправить?

1 Ответ

1 голос
/ 10 апреля 2019

Вы не можете выбрать целевой класс или идентификатор заголовка и изменить fontSize или передать как реквизит 

titleTypographyProps={{variant:'h1' }}

этот объект принимает: 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'caption', 'button', 'overline', 'srOnly', 'inherit', "display4", 'display3', 'display2', 'display1', 'headline', 'title', 'subheading'

в вашем коде это будет 

<CardHeader
        action={
        <IconButton color="inherit">
            <MoreHorizIcon />
        </IconButton>
        }
        titleTypographyProps={{variant:'h1' }}
        title="Titletext"
      />
...