Text
Text 컴포넌트는 시멘틱 태그와 타이포그래피·색상 토큰을 조합하여 텍스트 스타일을 설정합니다.Hello World
Property
Typography
텍스트의 타이포그래피 스타일을 설정합니다.
Foreground
텍스트의 색상을 설정합니다.
Props Table
Text
디자인 시스템의 타이포그래피 스타일과 전경색으로 텍스트를 표시합니다. 제목이나 문단 같은 다른 요소로 출력하려면 render prop을 사용하세요. <span> 요소로 렌더링됩니다.
| Prop | Default | Type |
|---|---|---|
foreground? | normal | hintnormalwhiteprimary-100primary-200primarysecondary-100secondary-200secondarysuccess-100success-200successwarning-100warning-200warningdanger-100danger-200dangerhint-100hint-200contrast-100contrast-200contrastprimary-strongsuccess-strongwarning-strongdanger-strongnormal-100normal-200inversestaticWhitestaticBlack |
typography? | body1 | body1display1display2display3display4heading1heading2heading3heading4heading5heading6subtitle1subtitle2body2body3body4code1code2 |
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
render? | - | ReactElementfunction |