uxcore-alert

uxcore-alert component for uxcore.

Usage no npm install needed!

<script type="module">
  import uxcoreAlert from 'https://cdn.skypack.dev/uxcore-alert';
</script>

README


uxcore-alert Dependency Status devDependency Status

TL;DR

uxcore-alert ui component for react

setup develop environment

$ git clone https://github.com/uxcore/uxcore-alert
$ cd uxcore-alert
$ npm install
$ gulp server

Usage

demo

http://uxcore.github.io/

API

  • toggleShow: 切换 Alert 的显示状态。

Props

配置项 类型 必填 默认值 功能/备注
prefixCls string optional 'kuma-alert' 类名前缀,不想使用 kuma 主题时使用
iconPrefixCls string optional 'kuma-icon' 图标类名前缀,不想使用 kuma 主题时使用
className string optional - 额外的类名
type string optional 'message' 警告类型,包括 message', 'error', 'warning', 'success', 'question', 'stop', 'wait'
hasContainer bool optional false 是否包含外层容器
closable bool optional false 是否能够关闭,此项为 true 时,将自动包含外层容器
closeText string or react element optional - 将关闭图标替换成想要的文字
message string or react element required - 提示文案
description string or react element optional 描述文字,将自动包含外层容器
onClose function optional noop 在警告关闭时触发,传回 event
size string optional 'normal' 配置提示框大小,可选large