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

引用

简短的行内引用。

View sourceReport an issueView in Playground
His famous quote, Styles come and go. Good design is a language, not a style, elegantly summs up Massimo’s philosophy of design.
<Text>

	His famous quote,{" "}

	<Quote>Styles come and go. Good design is a language, not a style</Quote>,

	elegantly summs up Massimo’s philosophy of design.

</Text>

API 参考

¥API Reference

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

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

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

	</Quote>

</Flex>
Previous链接
Next强文本