- Notifications
You must be signed in to change notification settings - Fork4
Building dynamic form in Angular with Fluent API and JSON
License
NotificationsYou must be signed in to change notification settings
fluent-form/fluent-form
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
- 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.
ng add @fluent-form/core
For documentation and examples please visithttps://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" />`})exportclassExampleComponent{readonlyschema=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');});readonlymodel=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 forthis project!
Thanks toJetBrains for supporting us free open source licenses.
About
Building dynamic form in Angular with Fluent API and JSON
Topics
Resources
License
Code of conduct
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
No packages published
Uh oh!
There was an error while loading.Please reload this page.
Contributors6
Uh oh!
There was an error while loading.Please reload this page.