Installation

Pick the package for your framework. It includes @ariana-reports/core.

React

npm

npm install @ariana-reports/react

pnpm

pnpm add @ariana-reports/react

yarn

yarn add @ariana-reports/react

Requires React 19 (react and react-dom are peer dependencies).

Vue

npm

npm install @ariana-reports/vue

pnpm

pnpm add @ariana-reports/vue

yarn

yarn add @ariana-reports/vue

Requires Vue 3.5 or later (vue is a peer dependency).

Without a framework, install the engine alone:

npm install @ariana-reports/core

What gets installed

• pdf-lib and exceljs are dependencies of core. They are loaded with a dynamic import() the first time you export, so they do not slow down the first page load.
• The packages are ES modules with CommonJS builds and TypeScript types. There is nothing to configure in Vite, webpack, Next.js or Nuxt.
• The default stylesheet is injected for you, once. Set injectStyles to false to provide your own; all class names start with ar-.

Give it a height

The viewer and designer fill their parent element, so the parent needs a height:

<div style="height: 600px"> … </div>

Checking the version

import { VERSION } from '@ariana-reports/core';
console.log(VERSION);