# @broadpaper/angular

[![npm](https://img.shields.io/npm/v/@broadpaper/angular?color=171511&label=npm)](https://www.npmjs.com/package/@broadpaper/angular)
[![Licence: commercial](https://img.shields.io/badge/licence-commercial-171511)](https://www.broadpaper.com/legal/terms/)
[![Free to evaluate](https://img.shields.io/badge/evaluate-free%2C%20no%20trial%20clock-4a453c)](https://www.broadpaper.com/docs/guide/licensing/)

Angular components for the BroadPaper report designer and viewer.

Part of [**BroadPaper**](https://www.broadpaper.com/developers/?utm_source=npm&utm_medium=readme) — an embeddable visual report designer and PDF renderer.
Your users design the report in your application; BroadPaper owns the layout, the branding,
the pagination and the output.

**[Try the demo](https://www.broadpaper.com/demo/?utm_source=npm&utm_medium=readme)** · **[Get a free evaluation key](https://www.broadpaper.com/eval/)** · [Pricing](https://www.broadpaper.com/developers/pricing/?utm_source=npm&utm_medium=readme)

## Install

```bash
npm install @broadpaper/angular
```

```html
<bp-report-designer [dataSources]="dataSources" [template]="template" (templateChange)="save($event)" />
```

A standalone component wrapping the same `createReportDesigner` mount API the React package
wraps. It requires Angular 21 or later, and is built with ng-packagr in partial compilation
mode, so it isn't pinned to one minor version.

## Licensing

BroadPaper is **free to evaluate, with no trial clock and nothing behind a feature gate**.
Install it, use every feature and evaluate it against your real data for as long as you like.
Production use needs a licence.

In the software, the only difference without a licence is that generated PDFs carry an
evaluation mark. A free 60-day [evaluation key](https://www.broadpaper.com/eval/) removes it
while you evaluate, and a paid licence removes it in production. Contractually, the paid
licence is also what permits production use. Evaluation keys need BroadPaper 1.0.0 or
later. No seats, no activation, no machine binding, no telemetry, and no call home at any
point.

- [How licensing works](https://www.broadpaper.com/docs/guide/licensing/)
- [Get a free evaluation key](https://www.broadpaper.com/eval/)
- [Pricing](https://www.broadpaper.com/developers/pricing/?utm_source=npm&utm_medium=readme)
- [Licence agreement](https://www.broadpaper.com/legal/terms/)

## Documentation

- [Angular](https://www.broadpaper.com/docs/guide/angular)
- [The designer](https://www.broadpaper.com/docs/guide/editor)
- [Full documentation](https://www.broadpaper.com/docs/)
- [Sample application](https://github.com/codingbadger/broadpaper-sample-application): the same app in React and Angular over one .NET back end
- [How BroadPaper compares](https://www.broadpaper.com/developers/compare/?utm_source=npm&utm_medium=readme) with react-pdf, pdfmake, Puppeteer and embedded report designers

## Support

Paid licences include email support at [support@broadpaper.com](mailto:support@broadpaper.com).

---

Copyright © 2026 Codingbadger Creative Limited. See [LICENSE](./LICENSE) in this package, and
[THIRD-PARTY-NOTICES.md](./THIRD-PARTY-NOTICES.md) for the components it ships with.