dynamic-forms

This is an Angular project for dynamic forms based on JSON:

• GitHub repository under MIT License with releases
• Azure DevOps project with build pipelines and release dashboard
• Azure web apps with demos
• npm packages for libraries
• stackblitz for project and stackblitz with example using npm packages of libraries

Features

• Dynamic reactive forms based on JSON definition
• Structuring / nesting dynamic forms by
  • Dynamic form elements (container, accordion, tabs, text, content, markdown, modal)
  • Dynamic form fields (control, group, array, dictionary)
  • Dynamic form actions (button, icon)
• Dynamic form controls / inputs include
  • Dynamic form inputs
    • Checkbox and switch
    • Combobox, radio, select and toggle
    • Textbox, textarea and input mask
    • Datepicker
    • Numberbox
    • File(s)
  • Dynamic form input validation
  • Dynamic form input hints
  • Dynamic form input add-ons

Libraries

@dynamic-forms/core

• Library includes extendable interfaces, classes, components, factories, services and modules
  • Dynamic form config module for registration of components
  • Dynamic form module includes
    • Builder to create form controls, groups, arrays and dictionaries
    • Component factory to resolve registered components
    • Component to render elements, fields and actions
  • Dynamic form control module includes
    • Component to render an input
  • Dynamic form group module includes
    • Component to render controls, groups and arrays
  • Dynamic form array module includes
    • Component to render either controls, groups or arrays of same structure
  • Dynamic form dictionary module includes
    • Component to render either controls, groups or arrays of same structure
  • Dynamic form validation module for registration of validators and messages
    • Builder to create validators
    • Service to resolve validation messages
  • Dynamic form action module for registration of action handlers
    • Service to resolve action handlers

@dynamic-forms/bootstrap

• Library for components based on bootstrap and HTML5

@dynamic-forms/material

• Library for components based on @angular/material

@dynamic-forms/markdown

• Extension library for markdown based on marked

Packages

Version 20

• npm install @dynamic-forms/core@20.0.0-next.0
• npm install @dynamic-forms/bootstrap@20.0.0-next.0
• npm install @dynamic-forms/material@20.0.0-next.0
• npm install @dynamic-forms/markdown@20.0.0-next.0

Version 19

• npm install @dynamic-forms/core@19.1.0
• npm install @dynamic-forms/bootstrap@19.1.0
• npm install @dynamic-forms/material@19.1.0
• npm install @dynamic-forms/markdown@19.1.0

Version 18

• npm install @dynamic-forms/core@18.1.2
• npm install @dynamic-forms/bootstrap@18.1.2
• npm install @dynamic-forms/material@18.1.2
• npm install @dynamic-forms/markdown@18.1.2

Version 17

• npm install @dynamic-forms/core@17.0.0
• npm install @dynamic-forms/bootstrap@17.0.0
• npm install @dynamic-forms/material@17.0.0
• npm install @dynamic-forms/markdown@17.0.0

Demos

Version 20

• Built with Angular 20
• Environments include DEV and PROD

Version 19

• Built with Angular 19
• Environments include DEV and PROD

Version 18

• Built with Angular 18
• Environments include DEV and PROD

Version 17

• Built with Angular 17
• Environments include DEV and PROD