Avatar — PAM Native UI

PAM Native UI · Android evidence

p-avatar 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: Actions and identity
Module: avatar
PHP facade: PAvatar
Native targets: Android · UIKit

Actions and identity component rendered through the retained-native Android and UIKit pipeline.

Android specimen

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.

Default
Elevated
Flat
Tonal
Outlined
Icon
Primary
Secondary
Success
Information
Warning
Error
X Small
Small
Large
X Large
Rounded
Tile
Bordered

PHP usage

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

PAvatar::make(
    [
        'variant' => "elevated",
        'accessibilityLabel' => "PAvatar preview",
        'border' => true,
    ],
    Text::make('Avatar'),
);

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

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	"PAvatar preview"
`border`	bool	true
`color`	string	"primary", "secondary", "success", "info", "warning", "error"
`elevation`	int	3, 0
`icon`	string	"star"
`rounded`	bool	true
`size`	string	"x-small", "small", "large", "x-large"
`tile`	bool	true
`variant`	string	"elevated", "flat", "tonal", "outlined"