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
const Demo = () => <Loading />;
4
export default Demo;

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
const Demo = () => <Loading fullContent />;
4
export default Demo;
Loading spinner that can be used in other components
1
import {LoadingSpinner} from '@coveord/plasma-react';
2


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

No guidelines exist for Loading yet.

Create guidelines