ant-design/components/skeleton/demo/complex.md

---
order: 1
title:
  zh-CN: 复杂的组合
  en-US: Complex combination
---

## zh-CN

更复杂的组合。

## en-US

Complex combination with avatar and multiple paragraphs.

```jsx
import { Skeleton } from 'antd';

export default () => <Skeleton avatar paragraph={{ rows: 4 }} />;
```
Add some random width for skeleton paragraph 2018-09-02 15:46:49 +08:00			`---`
			`order: 1`
			`title:`
			`zh-CN: 复杂的组合`
			`en-US: Complex combination`
			`---`

			`## zh-CN`

			`更复杂的组合。`

			`## en-US`

			`Complex combination with avatar and multiple paragraphs.`

:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			```jsx
Add some random width for skeleton paragraph 2018-09-02 15:46:49 +08:00			`import { Skeleton } from 'antd';`

docs: demo support react18 (#34843) * docs: update demo * chore: add script * test: fix demo test * docs: convert demos * chore: move script * test: remove react-dom import * chore: update deps * docs: update riddle js * test: fix image test * docs: fix riddle demo 2022-04-03 23:27:45 +08:00			`export default () => <Skeleton avatar paragraph={{ rows: 4 }} />;`
:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			```