Default Tooltip

Title1
Follow
<!-- Simple Tooltip -->
<div class="icon material-icons" id="tt1">Title1</div>
<div class="mdl-tooltip" for="tt1">Follow</div>
`</pre>

### Large Tooltip

<!-- Simple Tooltip -->

<div class="icon material-icons" id="tt2">Title2</div>

<div class="mdl-tooltip mdl-tooltip--large" for="tt2">Large</div>

<pre>`&lt;!-- Simple Tooltip --&gt;
&lt;div class="icon material-icons" id="tt2"&gt;Title2&lt;/div&gt;
&lt;div class="mdl-tooltip mdl-tooltip--large" for="tt2"&gt;Large&lt;/div&gt;
`</pre>

### Rich Tooltip

<!-- Rich Tooltip -->

<div class="icon material-icons" id="tt3">Rich</div>

<div class="mdl-tooltip" for="tt3">Upload **file.zip**</div>

<pre>`&lt;!-- Rich Tooltip --&gt;
&lt;div class="icon material-icons" id="tt3"&gt;Rich&lt;/div&gt;
&lt;div class="mdl-tooltip" for="tt3"&gt;Upload &lt;strong style='color:yellow'&gt;file.zip&lt;/strong&gt;&lt;/div&gt;