Loading

Loading shows a full-page loading overlay with a Spinner and a message. It covers the viewport with a translucent backdrop, so render it only while blocking work is running.

Example

<Button onClick={showLoading}>Show loading</Button>

{loading && <Loading>Loading...</Loading>}

Usage

import { Loading } from 'idea-react';

{
  uploading && <Loading>Uploading…</Loading>;
}

The children replace the default Loading... text. For loading states inside a button or a table, use the Spinner button or Table spinner instead.