react button component for tinper-bee
可定制的按钮组件
先进行下载bee-button包
npm install --save bee-button
组件调用
import Button from 'bee-button';
ReactDOM.render(
<Button type="primary" size="lg" style={{color: '#000'}}>Button</Button>
, document.getElementById('target'));- 可以使用link引入build目录下Button.css
<link rel="stylesheet" href="./node_modules/bee-button/build/Button.css">
- 可以在js中import样式
import "./node_modules/bee-button/src/Button.scss"
//或是
import "./node_modules/bee-button/build/Button.css"| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| size | 按钮大小(lg xg md sm) |
string | - |
| colors | 颜色(primary/secondary/accent/success/info/warning/danger/dark/light/default) | string | '' |
| shape | 形状(block/border/round/squared/floating/pillRight/pillLeft/icon) | string | '' |
| disabled | 是否禁用(disabled 或 true false) |
boolean | false |
| bordered | 是否是边框型(bordered 或 true false) |
boolean | false |
| className | 增加额外的class | string | '' |
| htmlType | html dom 的 type 属性(submit button reset) |
string | button |
| style | style 属性 | object | '' |
$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/bee-button
$ cd bee-button
$ npm install
$ npm run dev
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent