# @txdfe/at-tooltip

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

Latest version **0.1.0** (published 2019-12-11) · ISC license · 0 weekly downloads

## Install

```sh
npm install @txdfe/at-tooltip
pnpm add @txdfe/at-tooltip
yarn add @txdfe/at-tooltip
bun add @txdfe/at-tooltip
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2019-12-11 |
| First published | 2019-12-11 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 5 |
| Unpacked size | 1.6 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | tod.zx |
| Maintainers | tod.zx, zuoqi, purple-force |

## Links

- npm: https://www.npmjs.com/package/@txdfe/at-tooltip
- Repository: git@gitlab.alibaba-inc.com:aisc/at-components
- npm.io page: https://npm.io/package/@txdfe/at-tooltip

## Dependencies (5)

- [react](https://npm.io/package/react.md) ^16.8.6
- [moment](https://npm.io/package/moment.md) ^2.24.0
- [@txdfe/at](https://npm.io/package/@txdfe/at.md) *
- [react-dom](https://npm.io/package/react-dom.md) ^16.8.6
- [@txdfe/at-theme](https://npm.io/package/@txdfe/at-theme.md) *

## Recent versions

- 0.1.0 (latest) — 2019-12-11

## README

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

## zh-CN

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

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

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

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

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

---
_Source: https://npm.io/package/@txdfe/at-tooltip · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._