Tooltip
Name | Type | Description |
guvam-input | element | |
.Tooltip | style | |
.type-outline | modifier | |
[disabled] | attribute |
Tooltip
<button class="Button has-tooltip">
button
<span class="Tooltip bottom">tooltip</span>
</button>
Tooltip directions
Hover over me
tooltip tooltip tooltip tooltip tooltip tooltip tooltip tooltip tooltip tooltip tooltip tooltip
<div class="Card type-square has-tooltip" style="inline-size: 300px; block-size: 300px">
Hover over me
<span class="Tooltip top-left">tooltip</span> <span class="Tooltip top">tooltip</span> <span class="Tooltip top-right">tooltip</span>
<span class="Tooltip right-start">tooltip</span> <span class="Tooltip right">tooltip</span>
<span class="Tooltip right-end">tooltip</span> <span class="Tooltip left">tooltip</span> <span class="Tooltip left-start">tooltip</span>
<span class="Tooltip left-end">tooltip</span> <span class="Tooltip bottom">tooltip</span>
<span class="Tooltip bottom-right">tooltip</span> <span class="Tooltip bottom-left">tooltip</span>
</div>