Loader
A component that provides state during data loading.
Import
import { Loader } from 'rsuite';
//or
import Loader from 'rsuite/Loader';Examples
Default
Custom description
Size
Speed
Center
Backdrop
Inverse
Props
<Loader>
| Property | Type (Default) |
Description |
|---|---|---|
| backdrop | boolean | Whether the background is displayed |
| center | boolean | Centered in the container |
| classPrefix | string | The prefix of the component CSS class |
| content | ReactNode | Custom descriptive text |
| inverse | boolean | An alternative dark visual style for the Loader |
| size | enum: 'lg'|'md'|'sm'|'xs' ('md') |
Sets the loader dimensions |
| speed | enum: 'fast'|'normal'|'slow'('normal') |
The speed at which the loader rotates |
| vertical | boolean | The icon is displayed vertically with the text |