rainvoice-generator

A standalone Angular 19 component for rendering beautiful, customizable invoices. Ideal for Angular apps needing a fast and simple invoice UI.

📦 Installation

npm install problem-invoice-generator

🔧 Usage

import { InvoiceComponent } from 'problem-invoice-generator';

@NgModule({
  imports: [InvoiceComponent],
})

In HTML

<invoice-generator
  [companyName]="'Acme Corp'"
  [invoiceNumber]="'INV-1001'"
  [date]="'2025-07-23'"
  [items]="[
    { name: 'Item A', quantity: 2, price: 100 },
    { name: 'Item B', quantity: 1, price: 300 }
  ]"
  [currency]="'INR'"
></invoice-generator>

🧾 Props

| Prop            | Type                               | Description           |
| --------------- | ---------------------------------- | --------------------- |
| `companyName`   | `string`                           | Name of your company  |
| `invoiceNumber` | `string`                           | Invoice number        |
| `date`          | `string`                           | Invoice date          |
| `items`         | `Array<{ name; quantity; price }>` | List of invoice items |
| `currency`      | `string` (default: `"INR"`)        | Currency symbol code  |

📄 License

If you want, I can also help you:

• Automatically generate a PDF version
• Add a print button
• Add routing or authentication for a full app experience

Let me know if you’d like those extras!