Leen OnRamp for Angular

OnRamp is Leen's embeddable connection onboarding component. By integrating OnRamp into your workflow, you enable your users to effortlessly create new connections with all of the vendors supported by Leen.

npm i @leendev/onramp-angular

Then import the module (or register the standalone component) and provide the required inputs. For the full documentation, refer to Leen's docs on creating connections with OnRamp here.

Example (NgModule)

import { LeenOnRampModule } from "@leendev/onramp-angular";

@NgModule({
  imports: [BrowserModule, LeenOnRampModule],
})
export class AppModule {}

<leen-onramp
  [token]="token"
  (leenOnRampResponse)="handleResponse($event)"
  (showLeenOnRamp)="toggleOnRamp($event)"
></leen-onramp>

Example (standalone component)

@Component({
  standalone: true,
  imports: [LeenOnRampComponent],
  template: `
    <leen-onramp
      [token]="token"
      (leenOnRampResponse)="handleResponse($event)"
    ></leen-onramp>
  `,
})
export class HostComponent {
  token = "...";

  handleResponse(response: LeenOnRampResponse | undefined) {
    console.log(response);
  }
}