来自其他来源的块级引用。
完美的排版无疑是最难以捉摸的艺术。只有石头雕塑的固执程度可以与之媲美。
<Blockquote>
Perfect typography is certainly the most elusive of all arts. Sculpture in
stone alone comes near it in obstinacy.
</Blockquote>
此组件基于 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>