Skip to main content

Tooltip

Demo

Note

  • These screenshots are taken from Activebeat theme.
  • The unified tooltip utilizes Alpine.js for functionality, so this demo is not available.

States & Variations

Default

Tooltip Default State

Hover

Tooltip Hover State

Usage

In a Wordpress post, you can add a tooltip by wrapping text with: [unified_tooltip title="Define: Tooltip" tip="Tooltip Content"]tooltips[/unified_tooltip]. The title of the tooltip can be changed within the title attribute, and content with the tip attribute.

Anatomy

  1. Tooltip
  2. Tooltip Label
  3. Tooltip Title
  4. Tooltip Content
Tooltip Anatomy