Radix Homepage
Radix Homepage
主题主题基础组件基础组件图标图标颜色颜色
文档演练博客
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 参考

¥API Reference

此组件基于 em 元素并支持 常用边距属性。

¥This component is based on the em element and supports 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 属性用省略号截断文本。

¥Use the truncate prop to truncate text with an ellipsis when it overflows its container.

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>
Previous代码
NextKbd