uxcore-workflow-notice-icon

uxcore-workflow-notice-icon component for uxcore.

Usage no npm install needed!

<script type="module">
  import uxcoreWorkflowNoticeIcon from 'https://cdn.skypack.dev/uxcore-workflow-notice-icon';
</script>

README

uxcore-workflow-notice-icon

React workflow notice icon

NPM version build status Test Coverage Dependency Status devDependency Status NPM downloads

Sauce Test Status

Development

git clone https://github.com/uxcore/uxcore-workflow-notice-icon
cd uxcore-workflow-notice-icon
npm install
npm run server

if you'd like to save your install time,you can use uxcore-tools globally.

npm install uxcore-tools -g
git clone https://github.com/uxcore/uxcore-workflow-notice-icon
cd uxcore-workflow-notice-icon
npm install
npm run dep
npm run start

Test Case

npm run test

Coverage

npm run coverage

Demo

http://uxcore.github.io/components/workflow-notice-icon

Contribute

Yes please! See the CONTRIBUTING for details.

API

Props

Name Type Required Default Comments
workflowNotice Array Optional - 待办任务列表
icon string optional xiaoxitixingfull 通知图标; http://uxco.re/components/icon/
dot boolean optional false 是否显示通知数量;默认不展示数字,只有一个小红点
count number optional - 通知的数量
overflowCount number optional 99 通知封顶的数字
trigger string optional hover trigger mode:'hover' or 'click'
title string optional 通知 通知标题
placement string optional bottomRight 箭头位置
emptyIcon string optional 默认图标 其他可选:'access_restriction','acitve_empty','request_error','search_empty','unknown_error';http://uxco.re/components/icon/
emptyText string optional 暂无数据 占位文字
onVisibleChange function optional fuction(visible) 显隐状态的回调
topAction React Element optional - 右上角操作
actionBar object | render function optional - 支持默认*和自定义形式

* 如果propTypes为object则使用默认样式渲染,object需按如下定义

{
    "text": string,
    "action": function
}