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 'lg' | 'md' | 'sm' | 'xs'('md') Sets the loader dimensions
speed 'fast' | 'normal' | 'slow'('normal') The speed at which the loader rotates
vertical boolean The icon is displayed vertically with the text