JSPM – rc-tooltip@3.3.0

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

tooltip ui component for react 0.14+

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\|Object		one of ['left','right','top','bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight'] or alignConfig of [dom-align](https://github.com/yiminghe/dom-align)
align	Object: alignConfig of [dom-align](https://github.com/yiminghe/dom-align)		only valid when placement's type is String. value will be merged into placement's align config. note: can only accept offset and targetOffset
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 start

Test Case

http://localhost:8007/tests/runner.html?coverage

Coverage

http://localhost:8007/node_modules/rc-server/node_modules/node-jscover/lib/front-end/jscoverage.html?w=http://localhost:8007/tests/runner.html?coverage

License

rc-tooltip is released under the MIT license.