Text
Text 컴포넌트는 시멘틱 태그와 타이포그래피·색상 토큰을 조합하여 텍스트 스타일을 설정합니다.Hello World
Property
Typography
텍스트의 타이포그래피 스타일을 설정합니다.
Foreground
텍스트의 색상을 설정합니다.
Props Table
Text
Displays text in one of the design system's typography styles and foreground colors. Use the render prop to output a different element, such as a heading or paragraph. Renders a <span> element.
| 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 |