Skip to main content

@myop/angular

Official Angular bindings for embedding Myop components in your Angular applications.

Myop components are framework-agnostic UI components that can be updated in real-time without redeploying your application. Build once, embed anywhere, and iterate instantly.

npm version License: MIT

Website | Documentation | Dashboard

Installation​

npm install @myop/angular

Quick Start​

import { Component } from "@angular/core";
import { MyopContainerComponent } from "@myop/angular";

@Component({
  selector: "app-root",
  standalone: true,
  imports: [MyopContainerComponent],
  template: `
    <myop-container
      [componentId]="'your-component-id'"
      [inputs]="{ data: myData }"
      (componentReady)="onReady($event)"
    />
  `,
})
export class AppComponent {
  myData = { items: [] };

  onReady(component: any) {
    console.log("Component loaded!", component);
  }
}

Requirements​

  • Angular 17.0+

License​

MIT