Components › Overlays & dialogs › Popover › Tooltip

Tooltip

canon

One-line label for a control, on hover and on keyboard focus.

AD 14 September 2026 (OV-3): Popover and Tooltip stay two separate elements — they differ in how they open (click vs hover/focus), layer (101 vs 120), role and keyboard (arrows only in Popover); merging would rewrite both for no saving.

Used in 25 files · 8 areas · 46× — components/AppShell, components/mail, components/meetings, components/notes, components/sales-reports, components/segment …

@acrm/ui <Tooltip>.acrm-tooltip .acrm-tooltip-wrapSourceStoryLegacy card tooltip.html
ExamplesCodeUsageAccessibilityChangelog

Import

import { Tooltip } from '@acrm/ui'

Props

Tooltip packages/ui/src/components/Tooltip.tsx

NameTypeDefaultDescription
content *ReactNode—Jedna krátká věta. null/prázdno = tooltip se nekreslí (obal zůstává).
children *ReactNode——
wrapClassstring—Extra třída obalu — když má obal zároveň nést layout (např. .mc-sendgrp).

CSS classes

.acrm-tooltip.acrm-tooltip-wrap

Files

Icon buttonPopover