Loader Screen

Displays a large animated loader with an optional caption. Typical use cases: page loading animation, major action animation.

Loader Screen

Example

<div id="loader-screen"></div>

import React from 'react';
import {render} from 'react-dom';
import LoaderScreen from '@jetbrains/ring-ui/components/loader-screen/loader-screen';

render(
  <LoaderScreen/>,
  document.getElementById('loader-screen')
);

Loader Screen with a message

Example

<div id="loader-screen"></div>

import React from 'react';
import {render} from 'react-dom';
import LoaderScreen from '@jetbrains/ring-ui/components/loader-screen/loader-screen';

render(
  <LoaderScreen message="Loading..."/>,
  document.getElementById('loader-screen')
);