Nightingale Posing Mischievously
Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »

uxcore-tooltip

0.4.13 • Public • Published

uxcore-tooltip


NPM version build status Test Coverage Dependency Status devDependency Status NPM downloads

Sauce Test Status

TL;DR

tooltip ui component for react

setup develop environment

$ git clone https://github.com/uxcore/uxcore-tooltip
cd uxcore-tooltip
$ npm install
$ gulp server

Usage

import Tooltip from 'uxcore-tooltip';
 
ReactDOM.render(
    <Tooltip
        placement="top"
        trigger="hover"
        overlay={title}
        <span>tooltip</span>
    </Tooltip>, document.getElementById('target'));

demo

http://uxcore.github.io/uxcore/components/tooltip/

API

props

参数 类型 默认值 说明
overlayClassName string uxcore 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
wrapStyle Object additional style of wrap node
prefixCls String kuma-tooltip prefix class name
onVisibleChange Function call when visible is changed
visible boolean whether tooltip is visible
defaultVisible boolean whether tooltip is visible initially
placement String Object
align Object: alignConfig of dom-align only valid when placement's type
overlay React.Element popup content
getTooltipContainer function function returning html node which will act as tooltip contaier

install

npm i uxcore-tooltip

Downloadsweekly downloads

87

version

0.4.13

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
Report a vulnerability