Skip to main content

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";
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
Last updated on by zulaann