Loader
A reusable loader component is a visual element that indicates that data is loading or that an ongoing process is in progress. It can also display an error message if data retrieval fails. A loader component can communicate to the user that the loading is in progress and will take an indeterminate amount of time.
Variants
Props
| Props | Datatype | Values/Example |
|---|---|---|
| loaderSize | string | "20px" |
| loaderMessage | string | "loading" |
| messageClassProp | Object | font-size: var(--base-text) |
| messageStyleProp | Object | font-size: var(--base-text) |
| loaderContainerClassProp | Object | font-size: var(--base-text) |
| loaderContainerStyleProp | Object | font-size: var(--base-text) |