マテリアル・タイポグラフィ

ハウツーインポート

import {Typography} from '@mui/material'

使い方

<Typography 
  variant='h2' 
  component='h1'
  color='textSecondary'
>
  Some text here..
</Typography>

variantウェブページのタイポグラフィコンポーネントをh 2タグに設定します.
しかし、コンポーネントの支柱があります.component='h1'このpropは、タグをh1にする.
しかし、それはページでh2に見えます.
バリアントpropは、コンポーネントがh 2タグからCSSプロパティを継承させる理由です.
したがって、タイポグラフィーコンポーネントはH 1のように見えます.
カラープロップには、texttextがあります.
この値nameはmuiによって設定される.色の名前を指定した.
下記のリンクの色の名前を確認してください.
パレット
https://mui.com/material-ui/customization/palette/#palette-colors
色
https://mui.com/material-ui/customization/color/#2014-material-design-color-palettes