Package Exports

bee-button
bee-button/build/Button.css
bee-button/src/index

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (bee-button) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

button

react button component for tinper-bee

可定制的按钮组件

使用

使用单独的button包

组件引入

先进行下载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"

API

参数	说明	类型	默认值
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	''

setup develop environment

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