more explicit instruction for how to use this with npm + webpack/browserify

[tnrich]

Hey there,

I'd love it if there were a clear set of steps somewhere in the docs or readme for how to install and use this tool if using webpack/browserify. Here's what I think it needs:

npm i -S tether-tooltip

// in index.js
var Tooltip = require('tether-tooltip')
// or if just using the html data-tooltip attributes:
require('tether-tooltip')

//optionally create tooltips manually
let tooltipInstance = new Tooltip({
  target: document.querySelector('.tooltip-target'),
  content: "My awesome <b>content</b>.",
  classes: 'tooltip-tether-arrows',
  position: 'top left'
})
// or elsewhere in html: (I'm not sure if this will work..)
<a href=# data-tooltip="Weeeeee" data-tooltip-position="top center">I'm a link!</a>

I'm not sure if the above will work or not. Please correct me if I'm doing something wrong.

Thanks!

[tnrich]

For my particular use case, the setup flow looks like:

//in index.js
require('tether-tooltip')
require('tether-tooltip/dist/css/tooltip-theme-arrows.css')

//in some html (or reactjs)
<a href=# data-tooltip="Weeeeee" data-tooltip-position="top center">I'm a link!</a>

I think a lot of people will be looking for a similar sort of set up, so maybe this could get added to the docs?

Thanks for the great tool!

[tnrich]

Hmm unfortunately I didn't see #14 earlier. I need a solution that will allow for inserting dynamic elements without having to re-initialize the tool.

@tnrich have you tried asking your question on StackOverflow?