FullScreenLoading

• Component overview: Full-screen blocking loading indicator for wait feedback during critical flows.
• Component group: Progress Indicators
• Figma page: ↳ Progress Indicators > Full Screen Loading

Basic Usage

Result

Loading...

Live Editor

render(
  <div style={{ position: 'relative', height: 120, display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
    <FullScreenLoading />
  </div>,
)

Namespace Usage

Result

Loading...

Live Editor

render(<ProgressIndicators.FullScreenLoading />)

FullScreenLoading Props

Prop	Type	Default	Description
className	string	—	Custom style class
aria-label	string	'Loading'	Accessibility label