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 of status.
  • When the Loader has a content attribute, the aria-labelledby attribute is set to the id of the content 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'('normal') The speed at which the loader rotates
vertical boolean The icon is displayed vertically with the text
Vercel banner