Unleash your potential

Go one step further with our solutions for creating an intuitive, personalized experience.

Haltura

Create libraries without coding.

Spartiapp

Create beautiful websites.

Introduction

Components

Accordion Alert Autocomplete Avatar Badge Button Card Checkbox Divider Dropdown Field Layout Modal Navigation Radio Sheet Skeleton Slider Snackbar Spinner Table Tab Tooltip Typography

Utilities

Color Display Flexbox Opacity Position Radius Sizing Spacing Text Vertical align

APIs

Haltura Cookies Frontier Tour

Docs / web / tooltip

Tooltip

The Tooltip components will allow you to display additional information.

Initializing the component.

Use the data-tooltip attribute to create a tooltip that will appear on hover or focus of an element. The value of the attribute will be the message of the tooltip.

Here is a link with a tooltip.

tooltip

Here is a link with a <a href="#" data-tooltip="Hey there!">tooltip</a>.

Here is a link with a <a href="#" data-tooltip="Hey there!">tooltip</a>.

Here is a link with a tooltip.

tooltip

Here is a link with a <a href="#" data-tooltip="Hey there!">tooltip</a>.

Here is a link with a <a href="#" data-tooltip="Hey there!">tooltip</a>.

Attributes	Definition
data-tooltip	Add a tooltip.