0.1.0 • Published 4 years ago

@txdfe/at-tooltip v0.1.0

Weekly downloads
20
License
ISC
Repository
gitlab
Last release
4 years ago

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

参数类型可选值默认值是否必填说明
activebooltrue/falsetrueactive为false时,tooltip不会生效

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