Skip to content

Skeleton Loader — PAM Native UI

PAM Native UI · Android evidence

p-skeleton-loader 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 and component route verified
Family
Overlays and feedback
Module
skeleton-loader
PHP facade
PSkeletonLoader
Native targets
Android · UIKit

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

Android specimen

p-skeleton-loader running in the PAM Native UI Android catalog

This is a static or anatomical component. Its Android evidence is the rendered specimen; no synthetic interaction recording is published.

Showcase profiles

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

  • Text
  • Heading
  • Avatar
  • Chip
  • Button
  • Image
  • Card
  • Article
  • Loading
  • Boilerplate
  • Elevation

PHP usage

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

PSkeletonLoader::make(
    [
        'accessibilityLabel' => "PSkeletonLoader preview",
        'boilerplate' => true,
        'elevation' => 4,
    ],
    Text::make('Skeleton Loader'),
);

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

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"PSkeletonLoader preview"
boilerplatebooltrue
elevationint4
loadingbooltrue
pulseDurationint1400
typestring"text", "heading", "avatar", "chip", "button", "image"