A react styled-components implementation of kazzkiq's balloon.css

Demo

Simply install using npm install react-balloon.css or yarn add react-balloon.css

You can then wrap it around any component passing at least the message prop through.

import Tooltip from 'react-balloon.css';

...
<Tooltip message={'Tooltip message'}>
  <ButtonComponent />
<Tooltip>
...

message[undefined]: String;
length[fit]: String (small|medium|large|xlarge|fit)
blockChild[false]: Boolean (when wrapping around block element eg: h1)
always[false]: Boolean (Always display)
position[top]: String (top|bottom|left|right)

1. Clone repo: https://github.com/RemeJuan/react-balloon.css
2. Run yarn install
3. Make changes in lib/index.js
4. Run tests: yarn test / yarn test:watch
5. Create PR

• Original Balloon.css: kazzkiq
• Styled Components
• Styled-Tools

Discover the release history by heading on over to the releases page.

Unless stated otherwise all works are:

• Copyright © 2017+ Reme Le Hane

and licensed under:

• MIT License