---
title: ProSkeleton - 骨架屏
group:
  path: /
nav:
  title: 组件
  path: /components
---

# ProSkeleton

> 该组件为内部组件，请勿直接使用。

页面级别的骨架屏，不支持自定义

## 安装和初始化

```typescript | pure
import Skeleton from '@cxy227/pro-skeleton';

return <Skeleton type="list" />;
```

## DEMO

### List

<code src="./demos/list.tsx" title="List" />

### 结果页

<code src="./demos/result.tsx" title="结果页" />

### 详情页

<code src="./demos/descriptions.tsx" title="详情页" />

## API

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| type | 不同类型的骨架屏 | `'list' \| 'result' \| 'descriptions'` | list |
| active | 是否显示动态 | boolean | true |
| pageHeader | 是否显示 pageHeader 的骨架屏 descriptions 和 list 有效 | - | - |
| statistic | 统计信息骨架屏的数量 | `number` \| `false` | - |
| list | 列表的骨架屏，可以控制数量 | `number` \| `false` | - |
| toolbar | 列表的操作栏骨架屏 | boolean | - |
| renderFormItem | 自定义 `mode=update 或 edit` 下的 dom 表现，一般用于渲染编辑框 | - | - |
| render | 自定义 `mode=read` 下的 dom 表现，只是单纯的表现形式 | - | - |