Package Exports
- rc-tooltip
- rc-tooltip/assets/bootstrap.css
- rc-tooltip/assets/bootstrap_white.css
- rc-tooltip/lib/placements
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rc-tooltip) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
rc-tooltip
React Tooltip
Screenshots
Feature
- support ie8,ie8+,chrome,firefox,safari
install
Usage
var Tooltip = require('rc-tooltip');
var React = require('react');
var ReactDOM = require('react-dom')
ReactDOM.render(<Tooltip placement="left" trigger={['click']} overlay={<span>tooltip</span>}><a href='#'>hover</a></Tooltip>, container);Example
http://localhost:8007/examples
online example: http://react-component.github.io/tooltip/examples/
API
props
| name | type | default | description |
|---|---|---|---|
| overlayClassName | string | additional className added to popup overlay | |
| trigger | string[] | ['hover'] | which actions cause tooltip shown. enum of 'hover','click','focus' |
| mouseEnterDelay | number | 0 | delay time to show when mouse enter.unit: s. |
| mouseLeaveDelay | number | 0.1 | delay time to hide when mouse leave.unit: s. |
| overlayStyle | Object | additional style of overlay node | |
| prefixCls | String | rc-tooltip | prefix class name |
| transitionName | String | same as https://github.com/react-component/css-transition-group | |
| onVisibleChange | Function | call when visible is changed | |
| visible | boolean | whether tooltip is visible | |
| defaultVisible | boolean | whether tooltip is visible initially | |
| placement | String | one of ['left','right','top','bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight'] | |
| align | Object: alignConfig of [dom-align](https://github.com/yiminghe/dom-align) | value will be merged into placement's config | |
| onPopupAlign | function(popupDomNode, align) | callback when popup node is aligned | |
| overlay | React.Element | popup content | |
| arrowContent | React.Node | null | arrow content |
| getTooltipContainer | function | function returning html node which will act as tooltip contaier | |
| destroyTooltipOnHide | boolean | false | whether destroy tooltip when tooltip is hidden |
Development
npm install
npm startTest Case
http://localhost:8007/tests/runner.html?coverage
Coverage
License
rc-tooltip is released under the MIT license.