G
YouTube TikTok Games
Skip to content

About

DynamicForms is a client library to automate progressive filtering and initialisation of dynamic fields in an easy and fast way.

Topics

Resources

Stars

20 stars

Watchers

1 watching

Forks

Repository files navigation

Table of Contents

Dynamic Forms

npm bundle size npm GitHub deployments GitHub User's stars

What is it and what can I do with it

DynamicForms is a client library to automate Progressive Filtering (also known as cascading or dependent dropdowns) and the initialisation of dynamic fields in an easy and fast way.

It supports the developer in managing and centralizing all forms interactions.

It's written in typescript and built with tsdown

Here's some examples.

Progressive Filtering

Dynamic Select example gif

Automatic fields initialisation with remote options

Form initialisation gif

The Progressive Filtering chain is restored: all the available options are automatically fetched.

Visibility changes depending on fields' values

Dynamic Checkbox example gif

Update Rules

Dynamic Radio example gif

Much much more

Got your attention? Try it!

Documentation, installation and examples of use

See DynamicForms page.

Main features

  • Easy to use: DynamicForms works in a declarative way; no code for the standard behaviour, just a simple configuration!
  • Modern javascript: works on Chrome and Edge 111+, Firefox 114+ and Safari 16.4+, with no polyfills
  • Lightweight: having no dependencies, you can integrate it everywhere!
  • Automate repetitive and boring operations: read values, fetch data making async remote calls, update fields' status, hide/show sections... even listing them is BORING!
  • Progressive Filtering, fully automated: when a field changes, the fields depending on it are updated with fresh data from your server, and the fields beyond them are cleared on cascade, since their value is no longer valid. If the user changes their mind while a field is still loading, or a field still loading gets cleared, its remote call is aborted and its late response thrown away: every field always shows the data of the latest choice, without a line of code from you. How it works
  • Highly customizable: are you using an external library with custom html elements? Don't worry as you can specify your own functions to read/write data

Support

If you want to support me just star the project on github and share it with your collegues.

If you have questions or suggestions open an issue on github.

Thank you very much for your support ❤

About

DynamicForms is a client library to automate progressive filtering and initialisation of dynamic fields in an easy and fast way.

Topics

Resources

Stars

20 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages