Skip to main content

Include Form Renderer in your Angular application

Once Form Renderer is installed there is a couple of things you need to.

Add schema​

Add CUSTOM_ELEMENTS_SCHEMA to the @NgModule.schemas of component that is using form-renderer as a Web Component:

import {CUSTOM_ELEMENTS_SCHEMA} from "@angular/core";

@NgModule({
  // ...
  schemas: [CUSTOM_ELEMENTS_SCHEMA],
})

Add script​

Add a reference to the form-renderer.js script from the package, as a scripts array entry in angular.json:

"scripts": [
  {
    "input": "node_modules/@better-web-components/form-renderer/form-renderer.js"
  }
]

Add style sheet​

Add a reference to the styles.css style sheet from the package, as a styles array entry in angular.json. This reference should be added after the global styles:

"styles": [
  "src/styles.scss",
  "node_modules/@better-web-components/form-renderer/styles.css"
]