---
name: Alert 警告提示
route: /alert
parent: 组件
menu: 反馈
---
import { Playground, Props } from 'docz'
import  Alert  from '../components/alert'


# Alert 警告提示
>提示: 展开代码编辑器可以在线编辑，实时生效

## 基础用法

<Playground>
    <Alert type="success" showIcon message="恭喜！你所提交的信息已经审核通过，如有问题请联系客服" closable closeText="不再提醒" />
    <Alert type="success" showIcon message="已成功" description="你所提交的信息已经审核通过，请及时跟进申请状况。如有问题，请联系审核人员或在线客服。" closable closeText="不再提醒" />
    <Alert type="info" showIcon message="你好！欢迎使用快手广告平台，如有疑问请咨询在线客" closable />
    <Alert type="info" showIcon message="帮助信息" description="你好，由于你的良好信用，我们决定赠送你三个月产品会员，欲了解会员特权与活动请进首页会员专区查看" closable />
    <Alert type="warning" showIcon message="系统将于 15 : 00 - 17 : 00 进行升级，请及时保存你的资料" />
    <Alert type="warning" showIcon message="请注意!" description="你的账户会员使用权限将在3天后到期，请及时跟进申请状况。如有问题，请联系审核人员。" />
    <Alert type="error" showIcon message="系统错误，请稍后重试" />
    <Alert type="error" showIcon message="出错了" description="你所提交的信息已经审核失败，可以进入个人信箱查看原因，如有疑问，请联系客服人员" />
    <Alert type="warning" showIcon closable>
        <div style={{fontSize: 14, lineHeight: '20px', color: '#1A1E2A'}}>
            <span>您有 10个订单请求被发布者拒绝。</span>
            <span style={{display: 'inline-block', marginLeft: 8, color: '#00A5AA', cursor: 'pointer'}}>查看订单</span>
        </div>
    </Alert>
</Playground>


## API


<Props of={Alert} />