Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dynamic-forms/dynamic-forms

Angular project for dynamic forms based on JSON
https://github.com/dynamic-forms/dynamic-forms

angular angular-cli angular-material angular-reactive-forms bootstrap dynamic-forms json json-forms reactive-forms

Last synced: about 1 month ago
JSON representation

Angular project for dynamic forms based on JSON

Host: GitHub
URL: https://github.com/dynamic-forms/dynamic-forms
Owner: dynamic-forms
License: mit
Created: 2020-05-16T09:53:08.000Z (over 4 years ago)
Default Branch: main
Last Pushed: 2024-04-14T05:27:57.000Z (7 months ago)
Last Synced: 2024-04-14T05:47:22.259Z (7 months ago)
Topics: angular, angular-cli, angular-material, angular-reactive-forms, bootstrap, dynamic-forms, json, json-forms, reactive-forms
Language: TypeScript
Homepage: https://dynamic-forms.azurewebsites.net/
Size: 11.5 MB
Stars: 14
Watchers: 3
Forks: 6
Open Issues: 0
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md

Awesome Lists containing this project

README

        # **dynamic-forms**

This is an [**Angular**](https://angular.dev) project for dynamic forms based on JSON:

- [**GitHub**](https://github.com/dynamic-forms/dynamic-forms) repository under [MIT License](https://github.com/dynamic-forms/dynamic-forms/blob/main/LICENSE.md) with [releases](https://github.com/dynamic-forms/dynamic-forms/releases)

- [**Azure DevOps**](https://dev.azure.com/alexandergebuhr/dynamic-forms) project with [build pipelines](https://dev.azure.com/alexandergebuhr/dynamic-forms/_build) and [release dashboard](https://dev.azure.com/alexandergebuhr/dynamic-forms/_dashboards/dashboard/75c3b542-d483-4a2c-b7e0-b822a0d4a493)

- [**Azure**](https://dynamic-forms.azurewebsites.net/) web apps with demos

- [**npm packages**](https://www.npmjs.com/org/dynamic-forms) for libraries

- [**stackblitz**](https://stackblitz.com/~/github.com/dynamic-forms/dynamic-forms) for project and [**stackblitz**](https://stackblitz.com/edit/dynamic-forms-stackblitz) with example using npm packages of libraries

## **Features**

- Dynamic [**reactive forms**](https://angular.dev/guide/forms/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** [![npm version](https://badge.fury.io/js/@dynamic-forms%2Fcore.svg)](https://badge.fury.io/js/@dynamic-forms%2Fcore)

- 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** [![npm version](https://badge.fury.io/js/@dynamic-forms%2Fbootstrap.svg)](https://badge.fury.io/js/@dynamic-forms%2Fbootstrap)

- Library for components based on [**bootstrap**](https://getbootstrap.com/) and **HTML5**

### **@dynamic-forms/material** [![npm version](https://badge.fury.io/js/@dynamic-forms%2Fmaterial.svg)](https://badge.fury.io/js/@dynamic-forms%2Fmaterial)

- Library for components based on [**@angular/material**](https://material.angular.io/)

### **@dynamic-forms/markdown** [![npm version](https://badge.fury.io/js/@dynamic-forms%2Fmarkdown.svg)](https://badge.fury.io/js/@dynamic-forms%2Fmarkdown)

- Extension library for markdown based on [**marked**](https://github.com/markedjs/marked)

## **Packages**

### **Version 18** [![Build Status](https://dev.azure.com/alexandergebuhr/dynamic-forms/_apis/build/status/dynamic-forms-publish?branchName=refs/tags/18.1.0)](https://dev.azure.com/alexandergebuhr/dynamic-forms/_build/latest?definitionId=45&branchName=refs/tags/18.1.0)

- `npm install @dynamic-forms/[email protected]`

- `npm install @dynamic-forms/[email protected]`

- `npm install @dynamic-forms/[email protected]`

- `npm install @dynamic-forms/[email protected]`

### **Version 17** [![Build Status](https://dev.azure.com/alexandergebuhr/dynamic-forms/_apis/build/status/dynamic-forms-publish?branchName=refs/tags/17.0.0)](https://dev.azure.com/alexandergebuhr/dynamic-forms/_build/latest?definitionId=45&branchName=refs/tags/17.0.0)

- `npm install @dynamic-forms/[email protected]`

- `npm install @dynamic-forms/[email protected]`

- `npm install @dynamic-forms/[email protected]`

- `npm install @dynamic-forms/[email protected]`

### **Version 16** [![Build Status](https://dev.azure.com/alexandergebuhr/dynamic-forms/_apis/build/status/dynamic-forms-publish?branchName=refs/tags/16.0.0)](https://dev.azure.com/alexandergebuhr/dynamic-forms/_build/latest?definitionId=45&branchName=refs/tags/16.0.0)

- `npm install @dynamic-forms/[email protected]`

- `npm install @dynamic-forms/[email protected]`

- `npm install @dynamic-forms/[email protected]`

- `npm install @dynamic-forms/[email protected]`

### **Version 15** [![Build Status](https://dev.azure.com/alexandergebuhr/dynamic-forms/_apis/build/status/v15/dynamic-forms-v15-publish?branchName=refs/tags/15.1.0)](https://dev.azure.com/alexandergebuhr/dynamic-forms/_build/latest?definitionId=41&branchName=refs/tags/15.1.0)

- `npm install @dynamic-forms/[email protected]`

- `npm install @dynamic-forms/[email protected]`

- `npm install @dynamic-forms/[email protected]`

- `npm install @dynamic-forms/[email protected]`

### **Version 14** [![Build Status](https://dev.azure.com/alexandergebuhr/dynamic-forms/_apis/build/status/v14/dynamic-forms-v14-publish?branchName=refs/tags/14.1.0)](https://dev.azure.com/alexandergebuhr/dynamic-forms/_build/latest?definitionId=32&branchName=refs/tags/14.1.0)

- `npm install @dynamic-forms/[email protected]`

- `npm install @dynamic-forms/[email protected]`

- `npm install @dynamic-forms/[email protected]`

- `npm install @dynamic-forms/[email protected]`

## **Demos**

### **Version 18** [![Build Status](https://dev.azure.com/alexandergebuhr/dynamic-forms/_apis/build/status/dynamic-forms-cd?branchName=18.1.x)](https://dev.azure.com/alexandergebuhr/dynamic-forms/_build/latest?definitionId=43&branchName=18.1.x)

- Built with [Angular 18](https://v18.angular.dev/)

- Environments include [DEV](https://dynamic-forms.azurewebsites.net/v18/dev/) and [PROD](https://dynamic-forms.azurewebsites.net/v18/)

### **Version 17** [![Build Status](https://dev.azure.com/alexandergebuhr/dynamic-forms/_apis/build/status/dynamic-forms-cd?branchName=17.0.x)](https://dev.azure.com/alexandergebuhr/dynamic-forms/_build/latest?definitionId=43&branchName=17.0.x)

- Built with [Angular 17](https://v17.angular.io/)

- Environments include [DEV](https://dynamic-forms.azurewebsites.net/v17/dev/) and [PROD](https://dynamic-forms.azurewebsites.net/v17/)

### **Version 16** [![Build Status](https://dev.azure.com/alexandergebuhr/dynamic-forms/_apis/build/status/dynamic-forms-cd?branchName=16.0.x)](https://dev.azure.com/alexandergebuhr/dynamic-forms/_build/latest?definitionId=43&branchName=16.0.x)

- Built with [Angular 16](https://v16.angular.io/)

- Environments include [DEV](https://dynamic-forms.azurewebsites.net/v16/dev/) and [PROD](https://dynamic-forms.azurewebsites.net/v16/)

### **Version 15** [![Build Status](https://dev.azure.com/alexandergebuhr/dynamic-forms/_apis/build/status/dynamic-forms-v15-cd?branchName=15.0.x)](https://dev.azure.com/alexandergebuhr/dynamic-forms/_build/latest?definitionId=39&branchName=15.0.x)

- Built with [Angular 15](https://v15.angular.io/)

- Environments include [DEV](https://dynamic-forms.azurewebsites.net/v15/dev/) and [PROD](https://dynamic-forms.azurewebsites.net/v15/)

### **Version 14** [![Build Status](https://dev.azure.com/alexandergebuhr/dynamic-forms/_apis/build/status/dynamic-forms-v14-cd?branchName=14.0.x)](https://dev.azure.com/alexandergebuhr/dynamic-forms/_build/latest?definitionId=30&branchName=14.0.x)

- Built with [Angular 14](https://v14.angular.io/)

- Environments include [DEV](https://dynamic-forms.azurewebsites.net/v14/dev/) and [PROD](https://dynamic-forms.azurewebsites.net/v14/)