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