组件

引用块

从其他来源的块级引用。

API 参考

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

属性类型默认值
asChild
布尔值
无默认值
size
响应式<枚举>
无默认值
weight
响应式<"light" | "regular" | "medium" | "bold">
无默认值
color
枚举
无默认值
highContrast
布尔值
无默认值
truncate
布尔值
无默认值
wrap
响应式<"wrap" | "nowrap" | "pretty" | "balance">
无默认值

示例

大小

使用 size 属性控制大小。

完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
<Flex direction="column" gap="5">
<Box maxWidth="300px">
<Blockquote size="1">
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
</Box>
<Box maxWidth="350px">
<Blockquote size="2">
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
</Box>
<Box maxWidth="400px">
<Blockquote size="3">
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
</Box>
<Box maxWidth="450px">
<Blockquote size="4">
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
</Box>
<Box maxWidth="500px">
<Blockquote size="5">
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
</Box>
<Box maxWidth="550px">
<Blockquote size="6">
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
</Box>
<Box maxWidth="600px">
<Blockquote size="7">
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
</Box>
<Box maxWidth="650px">
<Blockquote size="8">
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
</Box>
<Box maxWidth="1000px">
<Blockquote size="9">
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
</Box>
</Flex>

粗细

使用 weight 属性设置文本粗细。

完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
<Flex direction="column" gap="3" maxWidth="500px">
<Blockquote weight="regular">
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
<Blockquote weight="medium">
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
<Blockquote weight="bold">
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
</Flex>

颜色

使用 color 属性指定特定的 颜色

完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
<Flex direction="column" gap="3" maxWidth="500px">
<Blockquote color="indigo">
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
<Blockquote color="cyan">
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
<Blockquote color="orange">
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
<Blockquote color="crimson">
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
</Flex>

高对比度

使用 highContrast 属性增加与背景的颜色对比度。

完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
<Flex direction="column" gap="3" maxWidth="500px">
<Blockquote color="gray">
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
<Blockquote color="gray" highContrast>
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
</Flex>

截断

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

完美的排版无疑是所有艺术中最难以捉摸的。只有石头雕刻才能与之媲美,同样固执己见。
<Flex maxWidth="500px">
<Blockquote truncate>
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
</Flex>
上一页标题
下一页代码