Edifiko
Edifiko UIComponent Catalog
  • Overview
  • Base
  • Shared
Modules
  • Home
  • Users
  • Suppliers
  • Auth
  • Categories
  • Material Catalog
  • Configuration
  • Works
  1. Component Catalog
  3. Base
  5. Tooltip
Base/Tooltip

Tooltip

A floating label that provides contextual information on hover or focus. Built on Radix UI. Wrap your app in TooltipProvider once at the root.

Basic

Tooltip on a button with a text label.

Icon Buttons

Tooltips are essential for icon-only buttons to describe their action.

Placement

Control the side the tooltip appears from.

Navigation Labels

Common pattern in collapsed sidebars — tooltip reveals the label.

On Inline Text

Tooltip on a non-button element using a span trigger.

The material meets ISO 13006 certification requirements.