Tooltip
Use tooltip to display more information to a user.
File to include
@import "components/tooltip";Dotted
Text with tooltip text
<p>
Text with <span class="tooltip" data-tooltip="Tooltip" data-style="dotted" data-color="primary">tooltip</span> text
</p>Underline
Text with tooltip text
<p>
Text with <span class="tooltip" data-tooltip="Tooltip" data-style="underline" data-color="secondary">tooltip</span> text
</p>Bold
Text with tooltip text
<p>
Text with <span class="tooltip" data-tooltip="Tooltip" data-style="bold" data-color="primary">tooltip</span> text
</p>Attributes
| Name | Example value | Possible values | Default | Required |
|---|---|---|---|---|
| data-tooltip | Tooltip | - | None | Yes |
| data-style | underline | "dotted" | "underline" | "bold" | dotted | No |
| data-color | secondary-400 | Any color from Fajny CSS | currentColor | No |