svelte-former Svelte Themes

Svelte Former

Svelte Form Element with easy validation

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.

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

Top categories

Loading Svelte Themes