Components

引用

他著名的引用, 风格来来去去。优秀的设计是一种语言,而不是一种风格, 优雅地概括了马西莫的设计哲学。
<Text>
他著名的引用,{" "}
<Quote>风格来来去去。优秀的设计是一种语言,而不是一种风格</Quote>,
优雅地概括了马西莫的设计哲学。
</Text>

API 参考

此组件基于 q 元素,并支持 常见的边距属性

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

示例

截断

使用 truncate 属性,当文本超出其容器时,用省略号截断文本。

排版的目标是以一种比例的方式关联字体大小、行高和行宽,以最大化美感并使阅读更加轻松和愉悦。
<Flex maxWidth="300px">
<Quote truncate>
排版的目标是以一种比例的方式关联字体大小、行高和行宽,以最大化美感并使阅读更加轻松和愉悦。
</Quote>
</Flex>
上一篇链接 Link
下一篇加粗 Strong