No description, website, or topics provided.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build
demo
dist
docs docs Sep 4, 2018
src
test first commit Oct 20, 2016
.gitignore
.npmignore
.travis.yml
CHANGELOG.md fixx:修改示例 Jan 21, 2018
HISTORY.md first commit Oct 20, 2016
README.md add: new props list Jan 4, 2018
index.html
package.json

README.md

bee-button-group

npm version Build Status

Coverage Status

react bee-button-group component for tinper-bee

可组合按钮的组合组件

使用

使用单独的bee-button-group包

组件引入

先进行下载bee-button-group包

npm install --save bee-button-group

组件调用

import ButtonGroup from 'bee-button-group';
import Button from 'bee-button';
ReactDOM.render(
    <ButtonGroup vertical>
        <Button size="lg" type="primary">按钮一</Button>
        <Button size="lg" type="primary">按钮二</Button>
        <Button size="lg" type="primary">按钮三</Button>
    </ButtonGroup>
    , document.getElementById('target'));

样式引入

  • 可以使用link引入dist目录下ButtonGroup.css
<link rel="stylesheet" href="./node_modules/build/bee-button-group.css">
  • 可以在js中import样式
import "./node_modules/src/ButtonGroup.scss"
//或是
import "./node_modules/build/bee-button-group.css"

使用tinper-bee组件库

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

API

参数 说明 类型 默认值
vertical 是否垂直 boolean false
justified 水平均分 boolean false
block 是否充满父元素(只有垂直排列时,可使用) boolean false
className 类名 string ''
list 按钮信息列表(如果你不想自己写按钮,也可以写一些描述信息,自动生成按钮) array(要有key,title,其它Button支持的props) []

setup develop environment

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