JSPM – react-simple-tooltip@1.0.0

Package Exports

react-simple-tooltip

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 (react-simple-tooltip) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

A lightweight and simple tooltip component for React

Install

npm install --save react-simple-tooltip

Changelog

See changelog

Usage

Exemple

Tooltip exemple

import React, { Component } from 'react'
import { Tooltip } from 'react-simple-tooltip'

export default class MyComponent extends Component {
  constructor(props, context) {
    super(props, context)

    this.state = {
      tooltipTrigger: null,
    }
  }

  handleHover(trigger) {
    this.setState({
      tooltipTrigger: trigger,
    })
  }

  render() {
    return (
      <div>
        { this.state.tooltipTrigger
          ? (
            <Tooltip placement="top" trigger={ this.state.tooltipTrigger }>
              <div>Line 1</div>
              <div>Line 2</div> 
            </Tooltip>
          )
          : null
        }


        <RandomComponent
          onComponentHover={ ::this.handleHover }
        />
      </div>
    )
  }
}

Props

placement: String - one of ['top', 'right', 'bottom', 'left']
theme: String - one of ['black', 'grey', 'blue', 'green', 'yellow', 'red']
trigger: React element

Development

Clean `lib` folder

npm run clean

Build `lib` folder

npm run build

Watch `src` folder

npm run watch

Lint `src` folder

npm run build

License

See MIT

react-simple-tooltip