反应工具提示 
一个工具提示组件,用于使用优秀的应用程序 poper.js 图书馆。 。 。 .
安装
npm install --save @cypress/react-tooltip
使用量
import Tooltip from '@cypress/react-tooltip'
<Tooltip title="Hello World">
<button>Click me</button>
</Tooltip>
工具提示会自动在按下摩擦后出现,从按下摩擦出后会消失.
选项
| 选项 | 默认 | 说明 | 支持的值 |
|---|---|---|---|
| 标题 | 未定义 | 需求工具提示内容 | 由反应(字符串、数字、元素等)生成的任何东西 |
| 安置情况 | "顶" | 工具提示的位置 | 得到 poper.js (英语) |
| 可见 | 未定义 | 是否在渲染时显示工具提示 。 覆盖鼠标上默认显示/隐藏/移动出 | true 或者说 false |
| 类Name | "工具点" | 适用于工具提示的类 | |
| 包装类Name | '' | 适用于 <span> 包围着孩子们 <Tooltip> | |
| 更新 Cue | 未定义 | 表示工具提示位置应更新的道具 。 如果工具提示目标大小在工具提示显示时会发生变化,则工具提示不会知道更新其位置. 将它设定为与目标大小挂钩的某事,或只是与新值挂钩,以触发工具提示位置的更新. |
发展
# watches JS and SCSS for changes and compiles
# runs tests for associated
npm run watch
# run all tests
npm test
# creates a demo page at http:localhost:8888/design.html for design purposes
npm run design
更改日志
最新更改日志参见 cypress-io/反应-工具/释放新的变化如下:
0.2.2 - 翻译: (03/10/17) (中文(简体) )
- 添加自定义的工具提示边框
0.2.1 - (中文(简体) ) (03/10/17) (中文(简体) )
- 解决类名问题
0.0.0 - (中文(简体) ) (03/10/17) (中文(简体) )
- 允许指定工具提示类名称和包装类名称
0.1.4 - 国家 (03/10/17) (中文(简体) )
- 将 poper.js 升级为 1.x.x
0.1.1 - 国家 (09/29/16) (中文(简体) )
- 防更新卸载时的弹出状态
0.1.0 - (中文(简体) ) (09/28/16) (中文(简体) )
- 初步释放