Alert警告框

author: 赵婕

定义

模拟警告框(alert)

图片展示

Alert 警告框 - 图1

代码演示

  1. import Dialog from 'pile/dist/components/dialog'
  2. const {Alert} = Dialog
  3. <Alert
  4. show={true}
  5. type="success"
  6. title="我是pile"
  7. buttons={[
  8. {
  9. label: '好的',
  10. onClick: function(){}
  11. }
  12. ]}
  13. />

属性

参数 描述 数据类型 默认值
show 是否展示警告框 bool
type 类型,错误:warning,成功:success string warning
title 警告框文字 string
buttons 按钮数组 array
buttons.label 标签名称 string
buttons.onClick 点击事件 function
MaskClick 点击蒙板回调 function
width 自定义宽度默认267px string

原文: https://didi.github.io/pile.js/docs/2017/08/develop-components-dialog-alert.html