@beisen-phoenix/confirm

鼠标点击元素，弹出确认框卡片

Usage no npm install needed!

<script type="module">
  import beisenPhoenixConfirm from 'https://cdn.skypack.dev/@beisen-phoenix/confirm';
</script>

README

确认框

鼠标点击元素，弹出确认框卡片

API

参数 说明 类型 默认值 是否必传
top 距离顶部的距离 string 100px 否
align 对齐方式 center / left / right center 否
message 警告提示标题 string 无 是
description 警告提示内容 string 或者 React组件 无 否
confirmText 确认按钮自定义文本 string 是 否
cancelText 关闭按钮自定义文本 string 否 否
onConfirm 确定按钮点击回调函数 ()=>{} 否 否
onCancel 取消按钮点击回调函数 ()=>{} 否 否
style 自定义最外层样式 {} 否 否

2019-06-27新增 | extraCls | 自定义组件容器class,一般用于覆盖组件默认样式使用| string | 无| No |

多语言

参数 说明 类型 默认值
translation 语言包 用于翻译组件内置常量 {no: string,yes: string} {no: '否',yes: '是'}

用法

import React from 'react';
import Confirm from '@beisen-phoenix/confirm';

Confirm.show({
  align: 'center',
  message: '是否执行此操作！',
  description: '',
  confirmText: '确定',
  cancelText: '取消',
  onConfirm: () => {
    console.log('确定');
  },
  onCancel: () => {
    console.log('取消');
  }
});