ant-design/components/dropdown/dropdown-button.jsx
2016-02-24 21:53:14 +08:00

39 lines
765 B
JavaScript

import React from 'react';
import Button from '../button';
import Icon from '../icon';
import Dropdown from './dropdown';
const ButtonGroup = Button.Group;
const align = {
points: ['tr', 'br'],
overlay: {
adjustX: 1,
adjustY: 1,
},
offset: [0, 4],
targetOffset: [0, 0],
};
export default React.createClass({
getDefaultProps() {
return {
align,
type: 'default',
};
},
render() {
return (
<ButtonGroup className="ant-dropdown-button">
<Button type={this.props.type}>
{this.props.children}
</Button>
<Dropdown {...this.props}>
<Button type={this.props.type}>
<Icon type="down" />
</Button>
</Dropdown>
</ButtonGroup>
);
}
});