Skip to content

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

Notifications You must be signed in to change notification settings

tinper-bee/bee-badge

Repository files navigation

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