- Support for using the Fluent API and 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.
ng add @fluent-form/coreFor documentation and examples please visit https://fluent-form.github.io/fluent-form.
import { FluentForm } from '@fluent-form/core';
import { form, 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'
});
}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.
Learn about the latest improvements.
Do you love ✨ fluent-form ✨ ? Star for this project!
Thanks to JetBrains for supporting us free open source licenses.