Badge — PAM Native UI

PAM Native UI · Android evidence

p-badge 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: badge
PHP facade: PBadge
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
Primary
Secondary
Success
Information
Warning
Error
X Small
Small
Large
X Large
Rounded
Tile
Bordered
Dot

PHP usage

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

PBadge::make(
    [
        'accessibilityLabel' => "PBadge preview",
        'border' => true,
        'color' => "primary",
    ],
    Text::make('Badge'),
);

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

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	"PBadge preview"
`border`	bool	true
`color`	string	"primary", "secondary", "success", "info", "warning", "error"
`dot`	bool	true
`rounded`	bool	true
`size`	string	"x-small", "small", "large", "x-large"
`tile`	bool	true