---
name: Message 全局消息
route: /message
parent: 组件
menu: 反馈
---
import { Playground, Props } from 'docz'
import  message  from '../components/message'
import  Button  from '../components/button'


# Message 全局消息
>提示: 展开代码编辑器可以在线编辑，实时生效

## 基础用法

<Playground>

  <Button onClick={()=>message.info('这是一条信息提示')} >信息提示</Button>
  <Button onClick={()=>message.error('something went wrong')}>错误消息</Button>
  <Button onClick={()=>message.success('We made it!')}>成功消息</Button>
  <Button onClick={()=>message.warning('⚠️真香警告⚠️❗️')}>警告消息</Button>
</Playground>

## 指定消息时长
message方法第二个参数可以传入数字（毫秒数）
<Playground>
  <Button onClick={()=>message.success('指定时长,0.5s后消失',500)}>定消息时长</Button>
  
</Playground>

## 显示进度条

<Playground>

  <Button onClick={()=>message.info('这是一条信息提示',1000,true)} >信息提示</Button>
  <Button onClick={()=>message.error('something went wrong',1000,true)}>错误消息</Button>
  <Button onClick={()=>message.success('We made it!',1000,true)}>成功消息</Button>
  <Button onClick={()=>message.warning('⚠️真香警告⚠️❗️',1000,true)}>警告消息</Button>
</Playground>




## 常驻消息
常驻消息返回一个函数，调用该函数取消该条消息,其他消息类型第二个参数传入 `Infinite` 也可以达到同样的效果
<Playground>
  <Button onClick={()=>window.handle = message.pending('常驻消息')}>常驻消息</Button>
  <Button onClick={()=>window.handle()}>取消常驻</Button>
  
</Playground>

## API

```typescript jsx
message.info(msg, delayMs, showProgressbar)
```