Skip to main content

Angular

If you are using Angular as a direct script include, please go here.

If you are using Angular as a SPA or with an Angular framework use the instructions below. Replace the value for id with the parameter in your wall url https://app.vouchpanel.com/walls/[id].

Install with yarn (or npm install):

yarn add @vouchpanel/angular

Include it as a module.

import { VouchpanelModule } from "@vouchpanel/angular";
@NgModule({
declarations: [AppComponent],
imports: [VouchpanelModule, BrowserModule],
providers: [],
bootstrap: [AppComponent],
})
export class AppModule {}

Add the following to the corresponding angular template. Replace id with your wall id from app.vouchpanel.com.

// *.component.html
<vouchpanel darkMode="off" id="4"></vouchpanel>

Props#

nametypedefaultdescription
idstringrequiredThe id of the wall to display
darkModeoff, onoffWhether to display the element in dark mode