bee-button

2.0.20 • Public • Published

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 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 是否禁用(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

Package Sidebar

Install

npm i bee-button

Weekly Downloads

190

Version

2.0.20

License

MIT

Unpacked Size

40.1 kB

Total Files

16

Last publish

Collaborators

  • duxue
  • jwangyangls
  • shaohlr
  • honely1314
  • xiaoshutong
  • yonyoufed
  • jonyw
  • guoyongfeng
  • kvkens
  • whizbz
  • npm_yx
  • bjyxszd
  • tinper-bot
  • houjitong
  • gaox2025f
  • gcht163
  • cnkvkens
  • diozhu
  • wangjings123
  • boyuzhou
  • ahua52