# Wijmo_Angular_Core.Wjtooltip

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								WjTooltip Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>AngularJS directive for the <a href="wijmo.tooltip.html">Tooltip</a> class.</p>
								</div>
								<p>Use the <b>wj-tooltip</b> directive to add tooltips to elements on the page.
								The wj-tooltip directive supports HTML content, smart positioning, and touch.</p>
								<p>The wj-tooltip directive is specified as a parameter added to the
									element that the tooltip applies to. The parameter value is the tooltip
								text or the id of an element that contains the text. For example:</p>
								<pre>&lt;p wj-tooltip="#fineprint" &gt;
    Regular paragraph content...&lt;/p&gt;
...
&lt;div id="fineprint" style="display:none"&gt;
  &lt;h3&gt;Important Note&lt;/h3&gt;
  &lt;p&gt;
    Data for the current quarter is estimated
    by pro-rating etc.&lt;/p&gt;
&lt;/div&gt;</pre>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="tsd-signature-type">WjDirective</span>
									<ul class="tsd-hierarchy">
										<li>
											<span class="target">WjTooltip</span>
										</li>
									</ul>
								</li>
							</ul>
						</section>
					</div>