1 | import ButtonGroup from '../src';
|
2 | import React, { Component } from 'react';
|
3 | import ReactDOM from 'react-dom';
|
4 | import Button from 'bee-button';
|
5 |
|
6 | class Demo extends Component {
|
7 | constructor (props) {
|
8 | super(props);
|
9 | }
|
10 | render(){
|
11 | return(
|
12 | <div>
|
13 | <h1>默认</h1>
|
14 | <ButtonGroup>
|
15 | <Button size="sm" type="primary">按钮一</Button>
|
16 | <Button size="sm" type="primary">按钮二</Button>
|
17 | <Button size="sm" type="primary">按钮三</Button>
|
18 | </ButtonGroup>
|
19 | <h1>垂直</h1>
|
20 | <ButtonGroup vertical>
|
21 | <Button size="lg" type="primary">按钮一</Button>
|
22 | <Button size="lg" type="primary">按钮二</Button>
|
23 | <Button size="lg" type="primary">按钮三</Button>
|
24 | </ButtonGroup>
|
25 | <h1>垂直</h1>
|
26 | <ButtonGroup vertical block>
|
27 | <Button size="lg" type="primary">按钮一</Button>
|
28 | <Button size="lg" type="primary">按钮二</Button>
|
29 | <Button size="lg" type="primary">按钮三</Button>
|
30 | </ButtonGroup>
|
31 | <h1>对齐</h1>
|
32 | <ButtonGroup justified>
|
33 | <Button size="lg" type="primary">按钮一</Button>
|
34 | <Button size="lg" type="primary">按钮二</Button>
|
35 | <Button size="lg" type="primary">按钮三</Button>
|
36 | </ButtonGroup>
|
37 | </div>
|
38 | )
|
39 | }
|
40 | }
|
41 | export default Demo;
|