# 引用

简短的行内引用。

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

## [API 参考](#api-参考)

此组件基于 `q` 元素，并支持 [常见的边距属性](/themes/docs/overview/layout#margin-props)。

| Prop       | Type                                                      | Default          |
| ---------- | --------------------------------------------------------- | ---------------- |
| `asChild`  | `boolean`                                                 | No default value |
| `truncate` | `boolean`                                                 | No default value |
| `wrap`     | `Responsive<"wrap" \| "nowrap" \| "pretty" \| "balance">` | No default value |

## [示例](#示例)

### [截断](#截断)

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

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

<!--$-->

<!--/$-->