Feedback

Loading Spinner

A loading spinner indicates that content or data is actively being loaded.
View source
1
import {Loading} from '@coveord/plasma-react';
2


3
export default () => <Loading />;

Props

NameTypeDefaultDescription
classNamestring
Additional CSS classes to set on the loading element
fullContentbooleanfalse
Whether the loading needs to be vertically centered within its parent container
idstring
Unique identifier. Only needed when using LoadingConnected

Examples

Vertically centered
1
import {Loading} from '@coveord/plasma-react';
2


3
export default () => <Loading fullContent />;
Loading spinner that can be used in other components
1
import {LoadingSpinner} from '@coveord/plasma-react';
2


3
export default () => (
4
    <>
5
        <LoadingSpinner size={16} />
6
        <LoadingSpinner />
7
        <LoadingSpinner size={32} />
8
    </>
9
);

No guidelines exist for Loading yet.

Create guidelines