用来醒目的展示新的或未读的信息条目
CSS JavaScript HTML
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
demo
docs
src
test
.eslintignore
.eslintrc
.gitignore
.npmignore
.travis.yml
HISTORY.md
README.md
gulpfile.js
index.html
package.json
webpack.dev.js

README.md

bee-badge

npm version Build Status Coverage Status

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

安装步骤

$ 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 ''