Tooltip

Contextual information that appears on hover. Default uses tray color fill on white backgrounds.

Basic Tooltip

Simple tooltip with tray-colored background on white canvas.

Tooltip Positions

Tooltips can appear on any side of the trigger element.

Icon Button Tooltips

Tooltips on icon buttons provide essential context for actions.

Action Bar

A practical floating action bar with tooltips for each action.

Rich Content

Tooltips can contain more detailed information with multiple lines.

Status Indicators

Tooltips explaining status indicators and badges.

System Status

API Service
Database
CDN

In Tray Context

On tray backgrounds, override tooltip to use white (capsule) color.

Quick Actions