This is a svelte from component that handles:
- Form creation
- Form validation using Fastest Validator
- Dynamic fields triggered by values in other fields
- Rich text (WISIWYG) editor via SunEditor
- Autocomplete controls with fuzzy search support
Since svelte is the Magical disappearing framework that compiles into framework-less vanilla JavaScript, this component can also be used with ordinary JavaScript.
I totally love fastest-validator especially because it is blazing fast and super easy to use. I wanted to create a forms component that would also be:
- Super fast
- Simple to use
- Ability to add custom validators with ease
I used and loved Svelte Forms. However one of the features I wanted the most, and found it missing in other libraries is Dynamic Fields. Svelte-Former comes with the ability to bind two fields together so that changing the value in one field automatically updates another field. A good example is when creating country and city select boxes where selecting a country updates all the cities, say via an API. Check out the Demo