ONE LIBRARY. YOUR STACK.

Angular integration

The same components, styling, and interaction patterns for financial apps, reporting, and project management—across React, Vue, Angular, Svelte, Preact, and vanilla TypeScript.

Angular

@revolist/ui/angular

Import the standalone UiComponent, select a component by name, and pass its props. uiEvent exposes callback names and arguments; valueChange handles a component’s declared value model. Use rvUiSlot templates for custom content.

Usage example · TypeScript

import { Component } from '@angular/core';
import { UiComponent, type UiEvent } from '@revolist/ui/angular';

@Component({
  selector: 'app-report-action',
  standalone: true,
  imports: [UiComponent],
  template: `<rv-ui component="Button"
    [props]="{ rounded: true, variant: 'primary', children: 'Create report · ' + count, onClick: click }"
    (uiEvent)="handle($event)" />`,
})
export class ReportAction {
  count = 0;
  click = () => {};
  handle(event: UiEvent) {
    if (event.name === 'onClick') this.count++;
  }
}

Framework adapters manage their mount lifecycle. For manual mounts, always call destroy() when the view is removed. Styles are shared; application state stays in your framework.