Add a feedback widget to your Angular app

Add CUSTOM_ELEMENTS_SCHEMA to your module or standalone component, then use the custom element in any template. Shadow DOM keeps it isolated.

Install

npm install @palmframe/widget

Add to your app

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

@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 additional dependencies beyond the widget script

See full documentation

Ready to add feedback to your app?

Try Palmframe free — takes 2 minutes to set up.

Create an accountSign in