https://github.com/formql/formql

FormQL - A framework for building dynamic forms in Angular
https://github.com/formql/formql

angular formql framework graphql javascript javascript-framework reactive-forms typescript typescript-framework

Last synced: about 14 hours ago
JSON representation

FormQL - A framework for building dynamic forms in Angular

• Host: GitHub
• URL: https://github.com/formql/formql
• Owner: formql
• License: mit
• Created: 2018-12-03T14:47:33.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T17:03:13.000Z (almost 2 years ago)
• Last Synced: 2024-10-22T16:29:10.517Z (25 days ago)
• Topics: angular, formql, framework, graphql, javascript, javascript-framework, reactive-forms, typescript, typescript-framework
• Language: TypeScript
• Homepage: https://formql.io
• Size: 6.15 MB
• Stars: 114
• Watchers: 11
• Forks: 22
• Open Issues: 145
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


FormQL is a framework for building dynamic forms in Angular. It comes with an editor that offers a drag and drop functionality to make it easier for non technical users to maintain the forms as well as an extensible APIs for allowing developers to extend the functionality with custom components. 

FormQL comes with the following features: 

- **CSS grid templating**: define the structure of your form with CSS grid standards.

- **Dynamic validation**: add rules to dynamically make fields mandatory, read only or hidden.

- **Calculated fields**: add logic to perform calculation based on the values in other fields.

- **Field formatting with Text-Mask**: includes the ability to format fields such as currencies and dates.

- **Extensible**: ability to extend the forms with your own custom components.

# Demo

- Formql.io: https://formql.io/example/#/form/contactInfo/edit

- Stackblitz: https://stackblitz.com/edit/formql-example-material

# Stackblitz Demos (also avaiable in ./examples in this repo)

- https://stackblitz.com/@formqlx

# Documentation

https://github.com/formql/formql/wiki

# Libraries

Core libraries

- [`@formql/core`](https://www.npmjs.com/package/@formql/core)

- [`@formql/editor`](https://www.npmjs.com/package/@formql/editor)

Bundles

- [`@formql/material`](https://www.npmjs.com/package/@formql/material)

# How to run this repo

```bash

git clone https://github.com/formql/formql.git

cd formql

npm install

npm start

```

- Edit mode: http://localhost:4200/#/form/contactInfo/edit

- View mode: http://localhost:4200/#/form/contactInfo

## Contact us

- Website - [https://formql.io](https://formql.io/)

- Twitter - [@formql_io](https://twitter.com/formql_io)

## License

FormQL is [MIT licensed](LICENSE).