Features

• Support for using the Fluent API and JSON.
• Based on embedded view, no host element, supports nested layout.
• Tree shakable, supports lazy loading and preloading.
• Built on Angular reactive forms.
• Supports integration with UI libraries.

Install

Docs

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

Usage

import { FluentForm, form } from '@fluent-form/core';
import { button, numberField, textField, textArea } from '@fluent-form/ui-zorro';

@Component({
  imports: [FluentForm],
  template: `<fluent-form [schema]="schema()" [(model)]="model" />`
})
export class ExampleComponent {
  readonly schema = form(() => {
    textField('name').label('Name').required(true);
    numberField('age').label('Age').required(true);
    textArea('bio').label('Bio').placeholder('Tell us about yourself');
    button().content('Submit');
  });

  readonly model = signal({
    name: 'John Doe',
    age: null,
    bio: 'I love fluent form'
  });
}

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.

Changelog

Learn about the latest improvements.

Support

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

Special thanks

Thanks to JetBrains for supporting us free open source licenses.

License

MIT