uxcore-alert

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 |