Themes
Advanced
Utils
Components

Em

강조하고자 하는 텍스트를 표시합니다.

View sourceReport an issueView in Playground
We had to do something about it.
<Text>

	We <Em>had</Em> to do something about it.

</Text>

API Reference

이 컴포넌트는 em 요소를 기반으로 하며 common margin props를 지원합니다.

PropTypeDefault
asChild
boolean
No default value
truncate
boolean
No default value
wrap
Responsive<"wrap" | "nowrap" | "pretty" | "balance">
No default value

Examples

Truncate

truncate prop을 사용하여 컨테이너를 넘어가는 텍스트를 말줄임표로 처리할 수 있습니다.

The goal of typography is to relate font size, line height, and line width in a proportional way that maximizes beauty and makes reading easier and more pleasant.
<Flex maxWidth="300px">

	<Em truncate>

		The goal of typography is to relate font size, line height, and line width

		in a proportional way that maximizes beauty and makes reading easier and

		more pleasant.

	</Em>

</Flex>
PreviousCode
NextKbd
Edit this page on GitHub.