Loader
Animated spinner for indicating loading state
1
2
3
4
import React from "react"
import { Loader } from "@creation-ui/react"
export const Example = () => <Loader size={"md"} color={"primary"} />
Customisation
Loader can be modified by using className property:
- text color styling to change circle background
- fill color to change the short spinning part
<LoaderExample cx={{ inner: 'fill-white text-red-800' }} />Component API
| Prop | Default | Description |
size | md | sm | md | lgSize of the element |
color | — | primary | error | warning | success | info | mono | undefinedStatus |
className | — | string | string[]Class names to add to wrapper component |