组件

引用

他的名言, 风格来来去去。好的设计是一种语言,而不是一种风格,优雅地总结了 Massimo 的设计理念。
<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 参考

此组件基于 q 元素,并支持 通用 margin 属性

属性类型默认值
asChild
boolean
无默认值
truncate
boolean
无默认值
wrap
Responsive<"wrap" | "nowrap" | "pretty" | "balance">
无默认值

示例

Truncate

使用 truncate 属性在文本溢出容器时使用省略号截断文本。

排版的目标是以成比例的方式关联字体大小、行高和行宽,以最大限度地提高美观性,并使阅读更轻松、更愉快。
<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>
上一个Link
下一个Strong