MindeesUI
ComponentsStates

LoadingState

A centered busy indicator with an optional label, defaulting to a large full-screen spinner.

LoadingState centers a Spinner with an optional label beneath it. It defaults to a large spinner so it reads as a full-screen wait, and exposes itself as a busy progress indicator to assistive tech.

Import

import { LoadingState } from '@mindees/ui';

Usage

<LoadingState label="Loading your dashboard…" />

Props

PropTypeDefaultDescription
labelstring'Loading…'Label shown under the spinner.
size'sm' | 'md' | 'lg''lg'Spinner size.
styleStyleProp<ViewStyle>Style applied to the container.

Inherits the remaining ViewProps (except style).

Accessibility

The container uses accessibilityRole="progressbar" with a busy accessibilityState and an accessibilityLabel set to label, so screen readers announce the wait and its purpose.

On this page