Skip to content

LoadingIndicator Component

Description

The LoadingIndicator component provides a visual loading state indicator with a customizable message and color.

Props

Prop Type Default Description
loadingMessage string t("loading") The message displayed below the loading spinner. Uses i18n by default.
color "primary" , "secondary" , "textSecondary" , "error" , "info" , "success" , "warning" , "textPrimary" , "textDisabled" , string "primary" Defines the color of the loading message. Can be a theme color or a custom string.

Example Usage

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
import { LoadingIndicator } from "@nomana-it/liberty-core"

export const LoadingIndicatorExample = () => {
  return (
    <div>
      <LoadingIndicator />
      <LoadingIndicator loadingMessage="Fetching data..." color="success" />
      <LoadingIndicator loadingMessage="Processing request..." color="warning" />
    </div>
  );
};

🔗 GitHub Repository (Core): Liberty Core
🔗 GitHub Repository (Test Project): Liberty Test
📖 Live Documentation: Liberty Core Docs
💖 Sponsor & Support: Sponsor Liberty Core