Navigation and shell

Embedded Payload CMS frame

The Content area embeds the Payload CMS admin in a frame under the admin's own header. States for loaded, loading, error, empty and not wired.

Live specimen

Lifted from the approved family page at build time; interact with it.

Embedded Payload CMS

Our chrome around Payload's editor: what it is, which brand it is scoped to, reload and pop-out. The editor inside stays Payload's own.

Payload CMSScoped to RJ Clothing
cms.rjmtm.com/admin
CollectionsPagesNavigationMediaGlobalsHeaderFooter

Pages

TitleSlugStatusUpdated
HomehomePublished2 Oct
SuitssuitsPublished29 Sep
Our clothsour-clothsDraftToday 14:20
Book a fittingbook-a-fittingPublishedYesterday
Loading
Payload CMS
Opening the editorLoading Payload for RJ Clothing.
Error
Payload CMS
Empty
Payload CMS
No brand selectedPick a brand to edit content.
Not wired
Payload CMSNot wired
Editor is off on this environmentThe Payload address is not set on staging, so content can only be edited in production.
shadcnCard · CardHeader · Badge · Button[variant=ghost,size=icon] · SkeletonUses.sh-frame.sh-frame-h.sh-frame-b.chip.info.chip.warning.icon-btn.ghost

from families/app-shell/#payload-frame