Component

LoadingIndicator

A FormaUI loading indicator — circular or linear, determinate or indeterminate — delegating to Material 3's progress indicators.

4 variantsThemed defaults

import dev.formaui.components.loading.FormaLoadingIndicator

Circular indeterminateCircular determinateLinear indeterminateLinear determinate

Preview

This toggle is site chrome only — the preview has its own light/dark switch inside.

LIVE PREVIEW

Live preview — ~37 MB development build

Usage

KOTLIN

123456789Column(verticalArrangement = Arrangement.spacedBy(FormaTheme.spacing.md)) {
    FormaLoadingIndicator(contentDescription = "Loading")
    FormaLoadingIndicator(progress = 0.6f, contentDescription = "60 percent loaded")
    FormaLoadingIndicator(
        modifier = Modifier.fillMaxWidth(),
        variant = FormaLoadingIndicatorVariant.Linear,
        contentDescription = "Loading",
    )
}

FormaLoadingIndicator

Circular or linear progress indicator; indeterminate when progress is null, determinate for a 0f..1f fraction.

ParameterTypeDefaultDescription

modifierTypeModifierDefaultModifierDescriptionthe Modifier applied to the indicator.

variantTypeFormaLoadingIndicatorVariantDefaultFormaLoadingIndicatorVariant.CircularDescriptioncircular or linear (defaults to FormaLoadingIndicatorVariant.Circular).

progressTypeFloat?DefaultnullDescriptionthe completion fraction 0f..1f, or null for an indeterminate indicator.

contentDescriptionTypeString?DefaultnullDescriptionoptional accessibility description of what is loading.

Supporting API

FormaLoadingIndicatorVariantenum: The indicator's shape: Circular, Linear.

Accessibility

Supply contentDescription (e.g. "Loading transactions") so screen readers announce the busy state; a bare indicator is otherwise silent.

PreviousListItem Next NavigationBar