JSON powered GUI for configurable panels.
| Angular | @acrodata/gui | Theming |
|---|---|---|
| >=20 | 3.x | M2, M3 |
| >=18 <20 | 2.x | M2, M3 |
| >=17 <18 | 1.x, 2.x | M2 |
| >=16 <17 | 0.x | M2 |
npm install @angular/material @ng-matero/extensions @acrodata/gui --saveDefine a theme with Angular Material's theming system. More about theming.
@use'@angular/material'asmat; @use'@acrodata/gui'asgui; @includemat.core(); $theme: mat.define-theme(...); @includegui.all-control-themes($theme);🚨 If you use the Angular Material as default library and have included all component themes, there's no need to include the GUI themes anymore.
+ @include mat.all-component-themes($theme);+ @include mtx.all-component-themes($theme);- @include gui.all-control-themes($theme);import{Component}from'@angular/core';import{GuiFields,GuiForm}from'@acrodata/gui'; @Component({selector: 'your-app',template: `<gui-form [config]="config" [model]="model" [form]="form" />`,imports: [GuiForm],})exportclassYourAppComponent{config: GuiFields={title: {type: 'text',name: 'Title',default: 'I am title',},};model={};form=newFormGroup({});}MIT