Skip to content

Btn Group — PAM Native UI

PAM Native UI · Android evidence

p-btn-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
button-group
PHP facade
PBtnGroup
Native targets
Android · UIKit

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

Android specimen

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

Showcase profiles

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

  • Standard
  • Connected
  • Full width
  • Single optional
  • Mandatory
  • Multiple
  • Leading icons
  • Compact density
  • Rounded connected
  • Tile connected
  • Disabled item
  • Disabled group
  • Long labels
  • RTL connected
  • Success color

PHP usage

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

PBtnGroup::make(
    [
        'accessibilityLabel' => "PBtnGroup preview",
        'block' => true,
        'color' => "success",
    ],
    Text::make('Btn Group'),
);

The equivalent PAM template entry point is <p-btn-group>…</p-btn-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"PBtnGroup preview"
blockbooltrue
colorstring"success"
connectedbooltrue
densitystring"compact"
disabledbooltrue
mandatorybooltrue
modelValuestring | array"week", "board", "list", "weekly", "recent", "center"
multiplebooltrue
roundedbooltrue
rtlbooltrue
tilebooltrue