Simplify your stack and build anything. Or everything.

Content Management System

Create with a minimal, powerful editing experience. Extend effortlessly.

Enterprise App Builder

Build sophisticated enterprise tools while reducing development costs.

Headless E-commerce

Manage all your content, alongside your products, in a single, powerful editing experience.

Digital Asset Management

Ensure brand consistency by seamlessly managing digital assets within your CMS.

Build tomorrow’s web with a modern solution you truly own.

For Marketing Teams

Advanced features like Visual Editing and Live Preview are giving a head back to the headless CMS.

Learn how Payload delivers for software consultancies with a content framework that can build anything.

Built with React & TypeScript, depart restrictive “no-code” options and write code you’re proud of.

Code-based nature means you can build on top of it to power anything.

Resources

Documentation Examples Templates GitHub Blog

Community

Roadmap Discord Community Help

Payload Cloud

Deploy your entire stack in one place with Payload Cloud.

Login Cloud Pricing

It’s time to take back your content infrastructure.

Schedule a Demo

Enterprise Features

SSO Publishing Workflows Visual Editor Static A/B testing AI features

Customer Stories

Microsoft Blue Origin Hello Bello Mythical Society Tekton

Featured Customer Story

Microsoft chose Payload to tell the world about AI.

Read the case study

New project Login

New project Login

How to reuse "Loading" Modal from custom component ?

florianmsft11 months ago

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 ?

jarrod_not_jared
11 months ago
Hey! We do not export the loader via a "clean" path, but we could. In the meantime you can import the
LoadingOverlayToggle
from
payload/dist/admin/components/elements/Loading

You can see how we use that component here:
https://github.com/payloadcms/payload/blob/master/src/admin/components/views/Account/Default.tsx#L76-L80

Continue the discussion in Discord

Star

Chat on Discord

Discord

online

Can't find what you're looking for?

Get help straight from the Payload team with an Enterprise License.