Tooltip | @kabbage/sprout Documentation

@kabbage/sprout 0.25.2

A CSS implementation of the Sprout tooltip component.

Related

Sprout Tooltip documentation [external]

Example

html

<div>
    <div class="spr-tooltip"> I am a tooltip text. </div>
</div>

Example

html

<div class="spr-tooltip-bubble">
   <div class="close-button">
       <i class="spr-icon spr-icon-close"></i>
   </div>
   <div class="spr-tooltip-bubble-title">
       Tooltip title
   </div>
   <div class="spr-tooltip-bubble-text">
       Here comes the more detailed message.
   </div>
</div>

Compiled CSS

Example

scss

@import 'components/tooltip';