Skip to main content

Centered Circular Progress

Centered Circular Progress is a simple loading spinner built on MUI's CircularProgress. It renders a centered circular indicator with no props, suitable for full-page or section-level loading states.

Use it when you need a minimal, accessible loading indicator. The component includes role="status" and aria-label="Loading" for screen readers.

Import

import { CenteredCircularProgress } from '@js-smart/react-kit';

Basic usage

{isLoading && <CenteredCircularProgress />}

Peer dependencies

CenteredCircularProgress uses MUI's CircularProgress. Ensure your project has @mui/material installed (see Installation).

Props

This component does not accept any props.