/tooltip

Tooltip UI Component For React

Primary LanguageJavaScript

rc-tooltip


tooltip ui component for react

NPM version SPM version build status Test coverage gemnasium deps node version npm download Sauce Test Status

Sauce Test Status

Screenshots

Feature

  • support ie8,ie8+,chrome,firefox,safari

install

rc-tooltip

Usage

var Tooltip = require('rc-tooltip');
var React = require('react');
React.render(<Tooltip placement="left" trigger={['click']} overlay={<span>tooltip</span>}><a href='#'>hover</a></Tooltip>, container);

Example

http://localhost:8000/examples/index.md

online example: http://react-component.github.io/tooltip/build/examples/

API

props

name type default description
className String additional css class of root dom node
prefixCls String rc-tooltip prefix class name
transitionName String same as https://github.com/react-component/css-transition-group
placement String one of ['left','right','top','bottom']
overlay React.Element popup content

Development

npm install
npm start

Test Case

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

Coverage

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

License

rc-tooltip is released under the MIT license.