Expansion Panels — PAM Native UI

PAM Native UI · Android evidence

p-expansion-panels 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: Surfaces and media
Module: expansion-panels
PHP facade: PExpansionPanels
Native targets: Android · UIKit

Surfaces and media component rendered through the retained-native Android and UIKit pipeline.

Android specimen

p-expansion-panels 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-expansion-panels native Android interaction

Showcase profiles

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

Default
Accordion
Inset
Popout
Multiple
Mandatory
Readonly
Disabled

PHP usage

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

PExpansionPanels::make(
    [
        'variant' => "accordion",
        'accessibilityLabel' => "PExpansionPanels preview",
        'active' => true,
    ],
    Text::make('Expansion Panels'),
);

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

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	"PExpansionPanels preview"
`active`	bool	true
`disabled`	bool	true
`items`	array	Structured value
`mandatory`	bool	true
`multiple`	bool	true
`readonly`	bool	true
`value`	string	"details"
`variant`	string	"accordion", "inset", "popout"