Aller au contenu principal

LoadingIndicator Component

Description​

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

Props​

PropTypeDefaultDescription
loadingMessagestringt("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​

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