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，无法被修改