0.0.4 • Published 4 years ago
bee-tag v0.0.4
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