svelte-former

Svelte Former

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.

• Documentation
• Demo

Why another form component?

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