Loader

Display a loading indicator to the user.

PageLoader

Use PageLoader to display a loader in a page or a section.

import { PageLoader } from 'swash/PageLoader';

() => (
  <PageLoader  />
);

Size

Use size property to define the size of the loader. By default it takes the size of the text: 1em.

import { Loader } from 'swash/Loader';

() => (
  <Loader size={24} delay={0} />
);

Delay

Use delay to specify a delay before showing the loader. By default it uses a delay of 300ms the time recommended before showing a loading indicator.

<Loader delay={1000} />