Add a feedback widget to your Angular app

Add the script tag to your index.html, add CUSTOM_ELEMENTS_SCHEMA to your component, then use the custom element in any template.

Add the script

<!-- In src/index.html <body> -->
<script src="https://cdn.palmframe.com/embed.js" async></script>

Add to your app

// app.component.ts
import { CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core'

@Component({
  selector: 'app-root',
  template: '<palmframe-widget project="your-project-id" />',
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
})
export class AppComponent {}

Benefits

Works with Angular 16, 17, and 18
CUSTOM_ELEMENTS_SCHEMA - no type conflicts
Shadow DOM isolation - no style conflicts
Compatible with standalone components and NgModules
No npm package needed - load from CDN

See full documentation

Ready to add feedback to your app?

Try Palmframe free - takes 2 minutes to set up.

Start for free Sign in