Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-balloon.css

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-balloon.css

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

  • 2.0.0
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
4
Maintainers
1
Weekly downloads
 
Created
Source

React Balloon.css

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

Nodei.co badge
Travis CI Build Status NPM version NPM downloads Dependency Status

Demo

Usage

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.

Example

import Tooltip from 'react-balloon.css';

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

Available props

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)

Contributing

  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

Credits

History

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

License

Unless stated otherwise all works are:

and licensed under:

Keywords

FAQs

Package last updated on 29 Nov 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc