Skip to main content

⏳ AlpuraProgressLoaderComponent – Guía de uso

Este documento describe el componente AlpuraProgressLoaderComponent, diseñado para representar un indicador visual para una barra de progreso dentro del portal Alpura.

📁 Importaciones necesarias​

Para utilizar el componente AlpuraProgressLoaderComponent, debes importar su clase y usarla en tu plantilla.

Por ejemplo, en tu AppComponent:

import { Observable } from "rxjs";
import { AlpuraProgressLoaderComponent } from "@alpura/core";

@Component({
  selector: "app-root",
  imports: [CommonModule, AlpuraProgressLoaderComponent],
  templateUrl: "./app.component.html",
})
export class AppComponent {}

🧩 HTML de ejemplo​

Usa la directiva @if para mostrar o ocultar tu barra de progreso segun sea el caso.

<alpura-progress-loader></alpura-progress-loader>

Este enfoque permite mostrar el AlpuraProgressLoaderComponent en cualquier lugar de tu aplicación.

📝 Notas adicionales​

  • El componente AlpuraProgressLoaderComponent es global y puede usarse en cualquier componente de tu aplicación.

🚀 Resultado esperado​

Cuando se use correctamente:

  1. Podras visualizar tu componente de barra de progreso y usarlo en cualquier microfrontend remoto.

📬 Soporte​

Para dudas o mantenimiento del componente AlpuraProgressLoaderComponent o AlpuraLoadingViewModel.