Sha256: ea4bfc39edd982138d004a93c8f866a00e7e98663baa16f6f9c00e39068bf652
Contents?: true
Size: 965 Bytes
Versions: 16
Compression:
Stored size: 965 Bytes
Contents
---
layout: post
title: "Tooltips"
categories: components
permalink: /components/tooltips/
---
Toolips are useful for adding in extra information, that doesn't make sense always showing.
<div class="pattern">
<span class="tooltip" data-tooltip-title="We aim to respond to support queries within 72 hours">
<button class="btn btn--primary">Hover Me</button>
</span>
</div>
``` html
<span class="tooltip" data-tooltip-title="We aim to respond to support queries within 72 hours">
<button class="btn btn--primary">Hover Me</button>
</span>
```
<div class="pattern pattern--dark">
<span class="tooltip tooltip--light" data-tooltip-title="We aim to respond to support queries within 72 hours">
<button class="btn btn--primary">Hover Me</button>
</span>
</div>
``` html
<span class="tooltip tooltip--light" data-tooltip-title="We aim to respond to support queries within 72 hours">
<button class="btn btn--primary">Hover Me</button>
</span>
```
Version data entries
16 entries across 16 versions & 2 rubygems