> ## Documentation Index
> Fetch the complete documentation index at: https://docs.markpdf.tech/llms.txt
> Use this file to discover all available pages before exploring further.

# Installation

> Install and configure the official Angular SDK for Markpdf.

# Installation

Use `@markpdf/angular` when you want an Angular service built around `HttpClient` and RxJS. In production, Angular should usually call your own backend instead of sending a private API key to the browser.

## Install

<CodeGroup>
  ```bash npm theme={null}
  npm install @markpdf/angular
  ```

  ```bash pnpm theme={null}
  pnpm add @markpdf/angular
  ```

  ```bash yarn theme={null}
  yarn add @markpdf/angular
  ```

  ```bash bun theme={null}
  bun add @markpdf/angular
  ```
</CodeGroup>

## Configure Angular

```ts app.config.ts theme={null}
import { provideHttpClient } from "@angular/common/http";
import { provideMarkpdf } from "@markpdf/angular";

export const appConfig = {
  providers: [
    provideHttpClient(),
    provideMarkpdf({ apiKey: "YOUR_API_KEY" }),
  ],
};
```

<Warning>
  A key configured in Angular is visible in the browser. For production public apps, call your own backend and keep the private API key there.
</Warning>

## API endpoint

The production API endpoint is:

```text theme={null}
https://api.markpdf.tech
```

## Next step

Continue with [Quickstart](/docs/sdks/angular/quickstart).
