Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including bee-badge with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. require("react-dom/package.json"); // react-dom is a peer dependency. require("prop-types/package.json"); // prop-types is a peer dependency. var beeBadge = require("bee-badge")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

bee-badge v2.0.1

bee-badge ui component for react

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

参数说明类型默认值
colorone of: primary success info error warning darkstring''
className增加额外的classstring''
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free