Radix Homepage
Radix Homepage
主题主题基础组件基础组件图标图标颜色颜色
文档演练博客
Components

强文本

标记文本以表示非常重要。

View sourceReport an issueView in Playground
The most important thing to remember is, stay positive.
<Text>

	The most important thing to remember is, <Strong>stay positive</Strong>.

</Text>

API 参考

¥API Reference

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

¥This component is based on the strong 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">

	<Strong 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.

	</Strong>

</Flex>
Previous引用
Next警告对话框