---
title: Typography 排版
order: 31
group:
  path: /components
nav:
  title: 组件
  path: /components
---

## 使用

排版组件

## Todo

目前只封装了，`Typography.Paragraph` 的 `ellipsis` 的收起功能，通过 `fold` 可以自定义收起按钮

```js
ellipsis={{
  fold: '自定义收起按钮'
}}
```

`Typography.Text` 和 `Typography.Title` 和 `Typography.Link` 后续有空再去做。

### 基本用法

```jsx
import React, { useState } from 'react';
import { Typography } from 'quanta-design';

const { Paragraph } = Typography;

export default () => {
  return (
    <Paragraph ellipsis={{ rows: 2 }}>
      Ant Design, a design language for background applications, is refined by
      Ant UED Team. Ant Design, a design language for background applications,
      is refined by Ant UED Team. Ant Design, a design language for background
      applications, is refined by Ant UED Team. Ant Design, a design language
      for background applications, is refined by Ant UED Team. Ant Design, a
      design language for background applications, is refined by Ant UED Team.
      Ant Design, a design language for background applications, is refined by
      Ant UED Team.
    </Paragraph>
  );
};
```