Skip to content

fluent-form/fluent-form

Repository files navigation

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

npm version Node.js CI License Angular codecov CodeFactor

Features

  • Support for using the Fluent API with JSON.
  • Based on embedded view, no host element, supports nested layout.
  • Imported on demand and tree-shakable.
  • Built on Angular reactive forms.
  • Supports integration with UI libraries.

Install

ng add @fluent-form/core

Docs

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

Usage

import { FluentFormComponent, form } from '@fluent-form/core';
import { button, number, text } from '@fluent-form/ui-zorro';

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

  model = {
    text: 'I love 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 ✨ fluent-form ✨ ? Star for this project!

Special thanks

Thanks to JetBrains for supporting us free open source licenses.

JetBrains Logo (Main) logo

License

MIT