bee-button

button

react button component for tinper-bee

setup develop environment

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

使用

使用单独的button包

组件引入

先进行下载button包

npm install --save bee-button

组件调用

import { Button } from 'bee-button';
React.render(<div>
    <div>
        <Button type="primary" size="lg" style={{color: '#000'}}>Button</Button>
    </div>
</div>, document.getElementById('target'));

样式引入

• 可以使用link引入dist目录下button.css

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

• 可以在js中import样式

import "./node_modules/src/Button.scss"
//或是
import "./node_modules/build/bee-button.css"

使用tinper-bee组件库

(tinper-bee组件库使用方法)[]

API

参数	说明	类型	默认值
size	按钮大小(large medium small)	string	medium
type	类型(primary success)	string	''
shape	形状(round squared)	string	''
disabled	是否禁用(disabled 或 true false)	string	false
className	增加额外的class	string	''
htmlType	html dom 的 type 属性(submit button reset)	string	button
style	style 属性	object	''