1. Typography 컴포넌트

Typography 

 

기본적인 HTML 로 마크업을 할 때는 <h1>, <h2> 와 같은 태그를 사용해야했다.

MUI에서는 이걸 <Typography /> 라는 하나의 컴포넌트를 사용해서 자유롭게 사용할 수 있도록 만들었다. 

 

---

 

variant & component prop

 

variant prop : 텍스트 크기 조절 및 HTML 태그 결정

component prop : variant prop 과 상이한 HTML 태그를 사용해야 할 때는 component prop으로 태그명을 명시해주면 됨.

                             

ex) 텍스트의 크기는 h6로 하고 싶은데, HTML 태그를 div 로 써야 하는 경우

                                   

 

<Typography
  variant="h6"
  component="div">
   Alerter
 </Typography>