Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including flip-bubble with all npm packages installed. Try it out:

var flipBubble = require("flip-bubble")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

flip-bubble v1.1.0

Animating speech bubble component, appears and disappears flipping its sections.

flip-bubble v1.1.0

Animating speech bubble component, appears and disappears flipping its sections.

Install

via npm

npm install flip-bubble

via bower

bower install speech-bubble

Usage

<script src="path/to/jquery.js"></script>
<script src="path/to/patapata.js"></script>
<script src="path/to/flip-bubble.js"></script>

<script>
$(function () {
    var chr = $('#char');
    var sb = chr.flipBubble($('<p />').text('Hello, world!'));

    chr.one('click', function () {

        sb.show().then(function (sb) {

            chr.one('click', function () {

                sb.hide().then(init);

            });

        });

    });

});
</script>

<div id="char">Click!</div>

dependencies

  • jquery
  • es6-promise
  • patapata

demo (chrome)

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free