ant-design/components/tooltip/index.jsx
2015-09-01 16:19:39 +08:00

29 lines
626 B
JavaScript

import React from 'react';
import Tooltip from 'rc-tooltip';
export default React.createClass({
getDefaultProps() {
return {
placement: 'top'
};
},
render() {
let transitionName = ({
top: 'zoom-down',
bottom: 'zoom-up',
left: 'zoom-right',
right: 'zoom-left'
})[this.props.placement];
return (
<Tooltip placement={this.props.placement}
prefixCls="ant-tooltip"
delay={0.1}
trigger={this.props.trigger}
transitionName={transitionName}
overlay={this.props.title}>
{this.props.children}
</Tooltip>
);
}
});