MTB POD Controller

MTB POD Controller provides navigation controls for the POD microapp with back, reload, and home actions.

Visual Specifications

Property	Value
Container Padding	6px vertical, 12px horizontal
Border Radius	24px (pill)
Border	1px solid #DAE0E9
Icon Size	24x24px
Icon Color	#001A41
Title Size	14-16px

Button States

All buttons visible and interactive

Pressed/active state styling

Hover cursor and subtle feedback

Configuration

Button	Action	Window Service
Back	Navigate back	`windowService.back()`
Reload	Refresh page	`windowService.reload()`
Home	Navigate to URL	`windowService.replace(url)`

Layout Structure

┌─────────────────────────────────────────────┐
│ ←  Back        [Title]        [⟳] [⌂]     │
│                                       Reload Home
└─────────────────────────────────────────────┘

Usage Guidance

When to use

POD microapp navigation
Standalone app headers
In-app browser controls
WebView navigation

Best practices

✅ Do	❌ Don’t
Show context with title	”Untitled” display
Provide home navigation	No exit from app
Test back/forward flow	Trapped users
Consistent placement	Varying positions