react-balloon-tooltip/example/App.js

Dead simple tooltips on pure CSS

import React, { Component } from 'react';
import Tooltip from '../index';

import './App.css';

export default class App extends Component {
    render() {
        return (
            <div className='container'>
                <Tooltip text='React tooltip component' position='left'>
                    👈
                </Tooltip>

                <Tooltip text='Ridiculously simple' position='up'>
                    👆
                </Tooltip>

                <Tooltip text='On pure CSS' position='down'>
                    👇
                </Tooltip>

                <Tooltip text='Built on top of balloon.css' position='right'>
                    👉
                </Tooltip>
            </div>
        );
    }
}