Loading

Import statement

import { Loading } from "@wfp/react"

Usage

Use the Loading spinner to indicate a loading time between 1 and 7 seconds. For shorter loading times don't use any loader and for longer use a progress bar to indicate the remaining time.

Example

import { Loading } from "@wfp/react";

<Loading active withOverlay={false}>
  Text
</Loading>;

Loading Small

import { Loading } from "@wfp/react";

<Loading active withOverlay={false} small>
  Small
</Loading>;

Loading Overlay

import { Loading } from "@wfp/react";

<Loading active withOverlay>
  Overlay
</Loading>;