Skip to content

Tooltip — PAM Native UI

PAM Native UI · Android evidence

p-tooltip rendered by the production retained-native pipeline. The specimen below is a real Physical Samsung SM-G973F Android 12 (API 31) capture at 420 dpi, not an HTML recreation.

Physical Samsung layout, route and native interaction verified
Family
Overlays and feedback
Module
tooltip
PHP facade
PTooltip
Native targets
Android · UIKit

Overlays and feedback component rendered through the retained-native Android and UIKit pipeline.

Android specimen

p-tooltip running in the PAM Native UI Android catalog

Interaction recording

The touch trace was captured from the Android application while exercising the native component.

p-tooltip native Android interaction

Showcase profiles

Every profile below is rendered by the Android catalog route shown above.

  • Default
  • Location Top
  • Location Top Start
  • Location Top End
  • Location Bottom
  • Location Bottom Start
  • Location Bottom End
  • Location Start
  • Location End
  • Open On Click
  • Open On Long Press
  • Persistent

PHP usage

use Pam\MobileUi\Material\PTooltip;
use Pam\Native\UI\Text;

PTooltip::make(
    [
        'accessibilityLabel' => "PTooltip preview",
        'location' => "top",
        'open' => false,
    ],
    Text::make('Tooltip'),
);

The equivalent PAM template entry point is <p-tooltip>…</p-tooltip>.

See the PAM Native UI guide for event, state and styling conventions, and the quality contractfor native behavior requirements.

Component properties

PropertyObserved typeShowcase values
accessibilityLabelstring"PTooltip preview"
locationstring"top", "top start", "top end", "bottom", "bottom start", "bottom end"
openboolfalse
openOnClickbooltrue, false
openOnContextmenubooltrue
persistentbooltrue
placementstring"top", "top start", "top end", "bottom", "bottom start", "bottom end"