Skip to content

Chip Group — PAM Native UI

PAM Native UI · Android evidence

p-chip-group 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
Actions and identity
Module
chip-group
PHP facade
PChipGroup
Native targets
Android · UIKit

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

Android specimen

p-chip-group 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-chip-group native Android interaction

Showcase profiles

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

  • Single Select
  • Multiple Select
  • Vertical
  • Disabled

PHP usage

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

PChipGroup::make(
    [
        'accessibilityLabel' => "PChipGroup preview",
        'direction' => "horizontal",
        'disabled' => true,
    ],
    Text::make('Chip Group'),
);

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

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"PChipGroup preview"
directionstring"horizontal"
disabledbooltrue
multiplebooltrue
valuestring"android"