---
title: Spin 加载中 (done)
order: 39
group:
path: /components
nav:
title: 组件
path: /components
---
## 使用
### 使用原则
`Spin` 有四种尺寸：`large (64px)`、`默认 (48px)`、`small (32px)`、`xsmall (20px)`
### 基本使用
```jsx
import React from 'react';
import { Spin } from 'quanta-design';
export default () => ;
```
### 各种大小
```jsx
import React from 'react';
import { Spin } from 'quanta-design';
export default () => (
);
```
### 自定义文案描述
```jsx
import React from 'react';
import { Spin, Alert } from 'quanta-design';
export default () => (
);
```
### 容器加载中
直接把内容内嵌到 `Spin` 中，将现有容器变为加载状态。
```jsx
import React from 'react';
import { Alert, Descriptions, Spin } from 'quanta-design';
export default () => (
Zhou Maomao
1810000000
Hangzhou, Zhejiang
empty
No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
);
```