ant-design/components/tooltip/demo/placement.md
2015-06-03 20:43:03 +08:00

687 B

位置

  • order: 1

位置有四个方向。


var Tooltip = antd.tooltip;
var text = <span>提示文字</span>;

React.render(
  <div>
    <Tooltip placement="left" title={text}>
      <a href="#">左边左边</a>
    </Tooltip>
    <Tooltip placement="right" title={text}>
      <a href="#">右边右边</a>
    </Tooltip>
    <Tooltip placement="top" title={text}>
      <a href="#">上边上边</a>
    </Tooltip>
    <Tooltip placement="bottom" title={text}>
      <a href="#">下边下边</a>
    </Tooltip>
  </div>
, document.getElementById('components-tooltip-demo-placement'));