bee-tag

react bee-tag component for tinper-bee

可定制的标签组件

使用

使用单独的tag包

组件引入

先进行下载bee-tag包

npm install --save bee-button

组件调用

import Tag from 'bee-tag';
ReactDOM.render(
        <Tag style={{color: '#000'}}>Tag</Tag>
        , document.getElementById('target'));

样式引入

• 可以使用link引入build目录下Tag.css

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

• 可以在js中import样式

import "./node_modules/bee-tag/src/Tag.scss"

API

|参数|说明|类型|默认值| |:---|:----:|:---:|------:| |colors|颜色(dark/light/success/warning/message/danger)|string|''| |disabled|是否禁用(disabled 或 true false)|boolean|false| |bordered|是否为边框类型(bordered 或 true false)|boolean|false| |deleted|是否可以删除(deleted 或 true false)|boolean|false| |visible|标签是否显示关闭图标(visible 或 true false)|boolean|false| |onClose|标签删除时的回调|(e) => void|-| |select|是否可以选择(select 或 true false)|boolean|false| |className|增加额外的class|string|''| |style|style 属性|object|''|

开发调试

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