[@mantine/core] Add new delay props on LoadingOverlay before the loader shown

[Dominic-Preap]

Feature Request

Hi, it would be nice to have a delay prop inside LoadingOverlay to delay the loader before it appears.

Is your feature request related to a problem? Please describe

Imagine a scenario where you need a loading state in your view. If the process is slow, showing the loader works fine. However, when the process is very fast, it can cause the UI to flicker because the loading overlay switches between visible and hidden states too quickly.

Having a delay prop would prevent the loader from appearing for very short operations. If the process completes quickly, the loader would never be shown. If it takes longer than the delay, the loader would then appear.

This is why I propose adding an optional delay or visibleDelay prop to avoid the flickering effect. A demo video is included below.

Example

const MyComponent = () => {
  const { data, isFetching } = useQuery({
    queryKey: ['data'],
    queryFn: () => getSomeData()
  });

  return (
    <div className="relative">
      <LoadingOverlay visible={isFetching} zIndex={1} delay={500}  />
      <div>{JSON.stringify(data)}</div>
    </div>
  );
};

2026-03-10.14-08-59.mp4