Bubbli SDK

Version 0.1.0 Release Candidate 1

It's pretty simple, you'll need to include the bubblekit javascript library (preferably at the end of your page). It's small (11kB gzipped) and has no external dependencies

<script src="http://sdk.bubb.li/bubblekit-0.1.0rc1.min.js"></script>
        

Next, you have two choices to embed a bubble, using a bubble tag:

<bubble bubble="atat7fnoi8duxbafa"></bubble>
        

Example



Or using explicit javascript (after the include of the bubblekit library):

<div class="bubble" id="jsbubble"></div>
<script>
	new bubbli.Bubble({
		bubble: "192942ap6afgwg1d8477yh9", 
		el: document.getElementById("jsbubble")
	});
</script>
        

Example



Note: You will need to set a size for your containing element, via CSS. View the source of this page to see some example CSS. For bubble tags, you will need to specify "display: block" (this requirement will be removed in the future)

Reference

Bubbles support the following properties:

Compatibility

Bubblekit is designed to work on most modern devices and computers. This includes IE9+, Firefox, Safari, Chrome, Mobile Safari, and Chrome for Android. Android Browsers on older Android Devices < 4.0 have issues, that we're currently devising alternatives for.