Loader
A component that provides state during data loading.
Import
import { Loader } from 'rsuite';
Examples
Basic
Custom description
Size
Speed
Center
Backdrop
Inverse
Accessibility
ARIA Roles
- Loader has
role
ofstatus
. - When the Loader has a
content
attribute, thearia-labelledby
attribute is set to theid
of thecontent
element.
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 | 'lg' | 'md' | 'sm' | 'xs'('md') |
Sets the loader dimensions |
speed | 'fast' | 'normal' | 'slow' | 'paused'('normal') |
The speed at which the loader rotates |
vertical | boolean | The icon is displayed vertically with the text |