@txdfe/at-tooltip

---

title: zh-CN: 标题组件 en-US: at-tooltip order: 0

zh-CN

升级版的tooltip组件，帮助你完成更好的体验 举个例子，在tooltip（hover触发）与dropdown（click触发）混用（使用同一个trigger）时，当trigger被click后，应该将tooltip收起（这点组件会直接帮你实现），并且，在dropdown被展开时，hover到trigger上应该也不会展示tooltip（这点需要进一步的开发量，因为组件不知道你跟哪个组件做了结合）

import Tooltip from '@txdfe/at-tooltip';

class Demo extends React.Component {
  render() {
    return (
      <div className='example'>
        
      </div>
    );
  }
}

ReactDOM.render(<Demo />, mountNode);

.example {
  background: rgba(0, 0, 0, 0.05);
  height: 400px;
  width: 300px;
}

API

参数	类型	可选值	默认值	是否必填	说明
active	bool	true/false	true	否	active为false时，tooltip不会生效

其他参数可参考Ballon.tooltip的api，但是triggerType一定是hover，无法被修改