Color Input — PAM Native UI

PAM Native UI · Android evidence

p-color-input 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: Forms and editing
Module: color-input
PHP facade: PColorInput
Native targets: Android · UIKit

Forms and editing component rendered through the retained-native Android and UIKit pipeline.

Android specimen

p-color-input 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-color-input native Android interaction

Showcase profiles

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

HEX
RGB
HSL
Palette
Invalid
Disabled

PHP usage

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

PColorInput::make(
    [
        'variant' => "outlined",
        'accessibilityLabel' => "PColorInput preview",
        'disabled' => true,
    ],
    Text::make('Color Input'),
);

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

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	"PColorInput preview"
`disabled`	bool	true
`error`	bool	true
`errorMessage`	string	"Enter a valid HEX color"
`helper`	string	"Six-digit hexadecimal color"
`label`	string	"PColorInput", "HEX value"
`mode`	string	"hex"
`modelValue`	string	"#5CBBF6", "#6750A4"
`variant`	string	"outlined"