open-index/open-npm huggingface dataset:
npm package: @rogercg/hola-mundo
Description: 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`.
Latest version: 0.0.4

# @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

```bash
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í:

```ts
// 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

```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