Text Field — PAM Native UI

PAM Native UI · Android evidence

p-text-field 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: text-field
PHP facade: PTextField
Native targets: Android · UIKit

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

Android specimen

p-text-field running in the PAM Native UI Android catalog

Interaction recording

The touch trace was captured from the Android application while exercising the native component.

Showcase profiles

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

Default
Comfortable
Compact
Disabled
Read Only
Error
Filled
Outlined
Underlined
Solo
Solo inverted
Solo filled
Plain
Hint and required
Clearable
Prefix and suffix
Counter
Prepend Icon
Append Icon
Persistent Placeholder
Hide Details
Single Line

PHP usage

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

PTextField::make(
    [
        'variant' => "filled",
        'accessibilityLabel' => "PTextField preview",
        'appendIcon' => "SettingsIcon",
    ],
    Text::make('Text Field'),
);

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

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	"PTextField preview"
`appendIcon`	string	"SettingsIcon"
`clearable`	bool	true
`counter`	bool	true
`density`	string	"comfortable", "compact"
`disabled`	bool	true
`error`	bool	true
`helper`	string	"Rendered by the platform", "This value needs attention", "Required field", "Maximum 40 characters"
`hideDetails`	bool	true
`label`	string	"PTextField"
`maxLength`	int	40
`modelValue`	string	"Native field", "Clear this value", "120", "Native value"
`persistentHint`	bool	true
`persistentPlaceholder`	bool	true
`placeholder`	string	"Type here"
`prefix`	string	"$"
`prependIcon`	string	"SearchIcon"
`readonly`	bool	true
`required`	bool	true
`singleLine`	bool	true
`suffix`	string	"USD"
`variant`	string	"filled", "outlined", "underlined", "solo", "solo-inverted", "solo-filled"