Code Blender

An atomic Middleman partials library

Tooltip contextual information

  2. Molecule
  3. Tooltip contextual information

Default tooltip Auto positioned tooltip 

= codeBlender "tooltip", "molecule",
  { content:   "Default",
    placement: "auto top",
    popBody:   "Tooltip Body Copy",
    popTitle:  "Tooltip Default" }

<div tooltip-directive>
<button class='btn btn-default popMe' data-placement='auto top' data-toggle='tooltip' title='Tooltip Default' type='button'>
Default

</button>

</div>

Features

  • Controlled through an angular directive

Requirements

  • Include the directive in the sprockets JS
  • Place the desired data elements on the child element

Resources Useful websites and tutorials

Title URL
Bootstrap popover http://getbootstrap.com/javascript/#tooltips

Tasks

Task Date
This needs rewriting to allow for the container to be more than a button