update spin document

pull/4487/merge
afc163 8 years ago
parent 31d6aca303
commit 237871da32

@ -25,7 +25,8 @@ const Card = React.createClass({
}, },
render() { render() {
const container = ( const container = (
<Alert message="Alert message title" <Alert
message="Alert message title"
description="Further details about the context of this alert." description="Further details about the context of this alert."
type="info" type="info"
/> />

@ -25,7 +25,8 @@ const Card = React.createClass({
}, },
render() { render() {
const container = ( const container = (
<Alert message="Alert message title" <Alert
message="Alert message title"
description="Further details about the context of this alert." description="Further details about the context of this alert."
type="info" type="info"
/> />

@ -18,7 +18,8 @@ import { Spin, Alert } from 'antd';
ReactDOM.render( ReactDOM.render(
<Spin tip="Loading..."> <Spin tip="Loading...">
<Alert message="Alert message title" <Alert
message="Alert message title"
description="Further details about the context of this alert." description="Further details about the context of this alert."
type="info" type="info"
/> />

@ -4,19 +4,17 @@ type: Feedback
title: Spin title: Spin
--- ---
A Spin is used for displaying loading state of a page or a block. A spinner for displaying loading state of a page or a section.
## When To Use ## When To Use
When part of the page is waiting for asynchronous data or during a rendering process, an appropriate loading animation can effectively alleviate users' inquietude. When part of the page is waiting for asynchronous data or during a rendering process, an appropriate loading animation can effectively alleviate users' inquietude.
## API ## API
| Property | Type | Default | Description | | Property | Type | Default | Description |
|------------|----------------|-------------|--------------| |------------|----------------|-------------|--------------|
| size | enum | default | Size of dot in spin component, available in `small`, `default` and `large`. | | size | enum | default | Size of dot in spin component, available in `small`, `default` and `large`. |
| spinning | boolean | true | Use in embedded mode, to modify loading state. | | spinning | boolean | true | Use in embedded mode, to modify loading state. |
| tip | string | None | Customize description content | | tip | string | None | Customize description content |
| delay | number (milliseconds) | None | Specifies a delay for loading state | | delay | number (milliseconds) | None | Specifies a delay for loading state |

@ -11,13 +11,11 @@ subtitle: 加载中
页面局部处于等待异步数据或正在渲染过程时,合适的加载动效会有效缓解用户的焦虑。 页面局部处于等待异步数据或正在渲染过程时,合适的加载动效会有效缓解用户的焦虑。
## API ## API
| 参数 | 类型 | 默认值 | 说明 | | 参数 | 类型 | 默认值 | 说明 |
|------------|----------------|-------------|--------------| |------------|----------------|-------------|--------------|
| size | enum | default | spin组件中点的大小可选值为 small default large | | size | enum | default | spin组件中点的大小可选值为 small default large |
| spinning | boolean | true | 用于内嵌其他组件的模式,可以关闭 loading 效果 | | spinning | boolean | true | 用于内嵌其他组件的模式,可以关闭 loading 效果 |
| tip | string | 无 | 自定义描述文案 | | tip | string | 无 | 自定义描述文案 |
| delay | number (毫秒) | 无 | 延迟显示 loading 效果 | | delay | number (毫秒) | 无 | 延迟显示 loading 效果 |

Loading…
Cancel
Save