bee-badge

用来醒目的展示新的或未读的信息条目

安装步骤

$ git clone https://github.com/tinper-bee/bee-badge
$ cd bee-badge
$ npm install
$ npm run dev

使用

使用单独的bee-badge包

组件引入

先进行下载bee-badge包

npm install --save bee-badge

组件调用

import Badge from 'bee-badge';

React.render(<div>
    <div>
        <Badge color="primary">a</Badge>
    </div>
</div>, document.getElementById('target'));

样式引入

• 可以使用link引入dist目录下bee-badge.css

<link rel="stylesheet" href="./node_modules/build/bee-badge.css">

• 可以在js中import样式

import "./node_modules/src/Badge.scss"
//或是
import "./node_modules/build/bee-badge.css"

API

|参数|说明|类型|默认值| |---|----|---|------| |color|one of: primary success info error warning dark|string|''| |className|增加额外的class|string|''|