Spinners

Spinners can be used to show the loading state in your projects.

Examples

Sizing

Change the sizing using size prop.

<>
	<Spinner size={40} objective /> 
	<Spinner size={15} objective />
</>

Position

Change the position with left, right, top, bottom props depending on your purpose.

<>
	<Spinner left="10%" right="auto" objective /> 
	<Spinner left="50%" right="auto" objective /> 
	<Spinner left="auto" right="10%" objective />
</>

Objective

Make your spinner objective by objective prop.

<>
	<Spinner left="10%" objective />
</>

API

import Spinner from "erxes-ui/lib/components/Spinner";
  • required prop
NAMETYPEDEFAULTDESCRIPTION
objectivebooleanfalseMake your spinner objective
sizenumber26Change the spinning size
leftstring50%Determine space from left side
rightstringautoDetermine space from right side
topstring50%Determine space from top side
bottomstringautoDetermine space from bottom side

Was this page helpful?