Skip to main content

CloneLoadingState

Reference​

  • The CloneLoadingState component is designed to display a loading state.
  • The CloneLoadingState component provides a visual indicator (a spinner) to inform users that a process is ongoing.
  • It wraps a Spinner component inside a Container component for layout and styling.

Usage Example​

const { protrakComponents } = React.useContext(customWidgetContext);
const { CloneLoadingState } = protrakComponents;
const [isLoading, setIsLoading] = React.useState(true);

  return (
    <div>
      {isLoading ? (
        <CloneLoadingState />
      ) : (
       Data has been loaded!
      )}
    </div>
  );

UI​

CloneLoadingState