ant-design/components/spin/demo/tip.md

---
order: 4
title:
  zh-CN: 自定义描述文案
  en-US: Customized description
---

## zh-CN

自定义描述文案。

## en-US

Customized description content.

```tsx
import { Alert, Spin } from 'antd';
import React from 'react';

const App: React.FC = () => (
  <Spin tip="Loading...">
    <Alert
      message="Alert message title"
      description="Further details about the context of this alert."
      type="info"
    />
  </Spin>
);

export default App;
```
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
			`order: 4`
docs: update 2016-09-13 11:51:34 +08:00			`title:`
docs: translation of `Spin` and `Slider` (#2378) 2016-07-21 09:51:04 +08:00			`zh-CN: 自定义描述文案`
docs: update 2016-09-13 11:51:34 +08:00			`en-US: Customized description`
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
feat: Spin add tip 2016-02-19 20:20:45 +08:00
docs: translation of `Spin` and `Slider` (#2378) 2016-07-21 09:51:04 +08:00			`## zh-CN`

docs: update 2016-09-13 11:51:34 +08:00			`自定义描述文案。`
feat: Spin add tip 2016-02-19 20:20:45 +08:00
docs: translation of `Spin` and `Slider` (#2378) 2016-07-21 09:51:04 +08:00			`## en-US`

docs: update 2016-09-13 11:51:34 +08:00			`Customized description content.`
docs: translation of `Spin` and `Slider` (#2378) 2016-07-21 09:51:04 +08:00
docs: feat components TS demo (#34742) * docs: add general components TS demo * docs: add layout components TS demo * docs: add navigation components TS demo * docs: add data entry components TS demo * chore(deps): add types for qs * docs: add data display TS demo * docs: add feedback components TS demo * docs: add other components TS demo * chore(deps): add types * docs: unified demo code style * docs: fix lint error * docs: add demo TS type * docs: fix demo TS type * test: update snapshot * docs: fix TS demo * feat: update Rate character type * docs: fix lint error * feat: update Rate character type * feat: update Rate character type 2022-05-19 09:46:26 +08:00			```tsx
chore: merge master 2022-05-23 14:37:16 +08:00			`import { Alert, Spin } from 'antd';`
docs: feat components TS demo (#34742) * docs: add general components TS demo * docs: add layout components TS demo * docs: add navigation components TS demo * docs: add data entry components TS demo * chore(deps): add types for qs * docs: add data display TS demo * docs: add feedback components TS demo * docs: add other components TS demo * chore(deps): add types * docs: unified demo code style * docs: fix lint error * docs: add demo TS type * docs: fix demo TS type * test: update snapshot * docs: fix TS demo * feat: update Rate character type * docs: fix lint error * feat: update Rate character type * feat: update Rate character type 2022-05-19 09:46:26 +08:00			`import React from 'react';`
feat: Spin add tip 2016-02-19 20:20:45 +08:00
docs: feat components TS demo (#34742) * docs: add general components TS demo * docs: add layout components TS demo * docs: add navigation components TS demo * docs: add data entry components TS demo * chore(deps): add types for qs * docs: add data display TS demo * docs: add feedback components TS demo * docs: add other components TS demo * chore(deps): add types * docs: unified demo code style * docs: fix lint error * docs: add demo TS type * docs: fix demo TS type * test: update snapshot * docs: fix TS demo * feat: update Rate character type * docs: fix lint error * feat: update Rate character type * feat: update Rate character type 2022-05-19 09:46:26 +08:00			`const App: React.FC = () => (`
docs: update 2016-09-13 11:51:34 +08:00			`<Spin tip="Loading...">`
update spin document 2017-01-07 22:07:09 +08:00			`<Alert`
			`message="Alert message title"`
docs: Spin, Progress - demos - english translation (#3051) * spin demos translation * Progress demo translation 2016-09-18 09:24:49 +08:00			`description="Further details about the context of this alert."`
style: enable react/jsx-closing-bracket-location 2016-06-06 13:54:10 +08:00			`type="info"`
			`/>`
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			`</Spin>`
:lipstick: fix eslint problems 2018-11-28 15:00:03 +08:00			`);`
docs: feat components TS demo (#34742) * docs: add general components TS demo * docs: add layout components TS demo * docs: add navigation components TS demo * docs: add data entry components TS demo * chore(deps): add types for qs * docs: add data display TS demo * docs: add feedback components TS demo * docs: add other components TS demo * chore(deps): add types * docs: unified demo code style * docs: fix lint error * docs: add demo TS type * docs: fix demo TS type * test: update snapshot * docs: fix TS demo * feat: update Rate character type * docs: fix lint error * feat: update Rate character type * feat: update Rate character type 2022-05-19 09:46:26 +08:00
			`export default App;`
:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			```