button component for tinper-bee
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
demo
dist
docs
src
test
.eslintignore
.gitignore
.npmignore
.travis.yml
CHANGELOG.md
HISTORY.md
README.md
index.html
package.json

README.md

button

npm version Build Status Coverage Status

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 sm) string -
colors 颜色(primary/accent/success/info/warning/danger/default) string ''
shape 形状(block/border/round/squared/floating/pillRight/pillLeft/icon) string ''
disabled 是否禁用(disabledtrue false) boolean false
bordered 是否是边框型(borderedtrue 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