UNPKG

1.5 kBJavaScriptView Raw
1import ButtonGroup from '../src';
2import React, { Component } from 'react';
3import ReactDOM from 'react-dom';
4import Button from 'bee-button';
5
6class 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}
41export default Demo;