Coda Bubble Demo

Tips:

• Allow enough space at the top and left of a trigger element for its bubble to be displayed.

• To center a bubble in relation to its trigger element adjust its leftShift value.

• Adjust distance from trigger when adding content to a bubble that shifts it too close to its trigger element.

Trigger Bubble

This is a dummy text for a bubble.
This is a dummy text for a bubble

Trigger Bubble

This is a dummy text for another bubble with width set to 350px, a leftShift of -110px.

Trigger Bubble

This is a dummy text for another bubble including an image and with its width set to 350px, a leftShift of -110px and distance from trigger element set to 100 px.