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
| NAME | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
| objective | boolean | false | Make your spinner objective |
| size | number | 26 | Change the spinning size |
| left | string | 50% | Determine space from left side |
| right | string | auto | Determine space from right side |
| top | string | 50% | Determine space from top side |
| bottom | string | auto | Determine space from bottom side |