ngx-fluent-form

An Angular dynamic forms library powered by Fluent API or JSON.

Features

• Support for using the Fluent API with JSON.
• Based on EmbeddedView, no HostElement, supports nested layout.
• Imported on demand and tree-shakable.
• Built on Angular reactive forms.
• Integrated with Ant Design.

Install

ng add ngx-fluent-form

Docs

For documentation and examples please visit https://hyperlife1119.github.io/ngx-fluent-form.

Usage

import { FluentFormComponent, button, form, number, input } from 'ngx-fluent-form';

@Component({
  standalone: true,
  imports: [FluentFormComponent],
  template: `<fluent-form [(model)]="model" [schema]="schema"></fluent-form>`
})
export class ExampleComponent {
  schema = form(() => {
    input('text');
    number('count');
    button().content('submit');
  });

  model = {
    text: 'I love ngx-fluent-form',
    count: 10
  };
}

Stage

Currently in beta, we look forward to your active trial, we will continue to actively collect user feedback, rapid iteration and continuous improvement of functionality and performance.

Support

Do you love ngx-fluent-form? ⭐ Star for this project!

Special thanks

Thanks to JetBrains for supporting us free open source licenses.

License

MIT