Simplify your stack and build anything. Or everything.
Build tomorrow’s web with a modern solution you truly own.
AGENCY TESTIMONIAL
"Payload has transformed the way our clients manage content. It's an indispensable tool for any modern agency."
Code-based nature means you can build on top of it to power anything.
It’s time to take back your content infrastructure.
Featured Customer Story
Microsoft chose Payload to tell the world about AI.
How to reuse "Loading" Modal from custom component ?
1
When clicking the save buttons in the Edit view, and it takes a while, we get a nice modal / overlay ("Loading..") until the process completes.
I'm building my custom component that includes a button, and on click may trigger a long running operation.
How can I reuse the Payload loading component, so that we maintain UX consistency ?
Hey! We do not export the loader via a "clean" path, but we could. In the meantime you can import the
LoadingOverlayTogglefrom
payload/dist/admin/components/elements/LoadingYou can see how we use that component here:
https://github.com/payloadcms/payload/blob/master/src/admin/components/views/Account/Default.tsx#L76-L80
Star
Discord
online
Can't find what you're looking for?
Get dedicated engineering support directly from the Payload team.