Timeline Item — PAM Native UI

PAM Native UI · Android evidence

p-timeline-item 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: Data display
Module: timeline
PHP facade: PTimelineItem
Native targets: Android · UIKit

Data display component rendered through the retained-native Android and UIKit pipeline.

Android specimen

p-timeline-item 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-timeline-item native Android interaction

Showcase profiles

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

Default
Start
End
Compact
Comfortable
Truncate Line
Success

PHP usage

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

PTimelineItem::make(
    [
        'accessibilityLabel' => "PTimelineItem preview",
        'color' => "success",
        'density' => "compact",
    ],
    Text::make('Timeline Item'),
);

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

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

Component properties

Property	Observed type	Showcase values
`accessibilityLabel`	string	"PTimelineItem preview"
`color`	string	"success"
`density`	string	"compact", "comfortable"
`side`	string	"start", "end"
`truncateLine`	string	"both"