Navigation
@rahhal/app-chrome/react

Embedded mode

Detection helper for when a mini-app is loaded inside an iOS / Android / desktop host container. The host signals via `?host=<value>`; the web persists it in sessionStorage and exposes it to layouts via `useIsEmbedded()` so chrome (`<AppHeader>`, `<AppFooter>`) can be hidden in favor of the host's native nav.

Examples

Standalone (no `?host=`)

RahhalHeader (hidden when embedded)

Page content

Standalone — full chrome rendered.

Footer (hidden when embedded)

Embedded — `hostOverride='ios'` (equivalent to opening `/?host=ios`)

Page content

Native host provides its own chrome — the web stops at the route content.

Embedded — `hostOverride='desktop'`

Page content

Native host provides its own chrome — the web stops at the route content.