@rogercg/hola-mundo

Un componente Angular minimalista que muestra un "Banbiflib y un logo de la empresa". Ideal para pruebas, demostraciones o como base para construir nuevas librerías Angular con standalone components.

📦 Instalación

npm install @rogercg/hola-mundo

⚠️ Requiere Angular 18. Compatible con proyectos que usen standalone components.

🚀 Uso

1. Importar el componente

Si tu componente también es standalone, simplemente impórtalo así:

// app.component.ts
import { Component } from '@angular/core';
import { HolaMundoComponent } from '@rogercg/hola-mundo';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [HolaMundoComponent],
  template: `
    <p>BanbifLib</p> <img src="https://www.banbif.com.pe/Portals/0/home/personas/img/logo-header.png" alt="Logo Banbif" width="200" height="100">
  `
})
export class AppComponent {}

2. Usar el componente en el HTML

<lib-hola-mundo></lib-hola-mundo>

Esto mostrará:

Hola mundo desde Angular 18 🚀

📚 Compatibilidad

| Angular version | ¿Compatible? | | --------------- | ------------------------------------------------------ | | 18.x | ✅ Sí | | 19.x | ✅ Sí (usa --force o versiona los peerDependencies) | | < 18 | ❌ No |

🧹 Soporte para módulos tradicionales (NgModule)

Esta librería usa standalone components. Si deseas usarla dentro de un NgModule, debes adaptarla quitando standalone: true y creando un módulo que la declare y exporte.

📄 Licencia

MIT