[Question] How to implement your own UI components along with custom styling?

[R-Lek]

Hello there,

The documentation mentions that you can use your own custom framework instead of Bootstrap 3/4 or Material:

import { YourFrameworkComponent } from './your-framework.component';
import { YourWidgetComponent } from './your-widget.component';
...
const yourCustomFramework = {
  framework: YourFrameworkComponent,                                // required
  widgets:     { 'your-widget-name': YourWidgetComponent,   ... },  // optional
  stylesheets: [ '//url-to-framework-external-style-sheet', ... ],  // optional
  scripts:     [ '//url-to-framework-external-script',      ... ]   // optional
}

It further states that "The value of the required framework key is an Angular component which will be called to format each widget before it is displayed." However, I have a difficult time figuring out what this Angular component should look like or how to create it.

What I would like to accomplish is using AJSF in an Angular environment along with a set of custom UI components and a custom theme (stylesheets). Would it be possible to create a 'framework' around it along with a framework Angular component as requested above?
If the documentation could be supplemented with some examples that would be for instance a great help.