informel

informel is a Web Component that wraps your native HTML forms and gives them super powers.

Features:

✅  Easily obtain form values
✅  Automatically show validation errors
✅  Native & custom validation rules
✅  Supports zod schemas
✅  Easily track form validity state
✅  Keep track of whether your form is dirty or not
✅  Support for nested fields (objects, arrays...)
✅  Auto submission via AJAX call, using action and method attributes

informel is a headless library: all the styling belongs to you!

Documentation: https://informel.site/

Changelog

Build

1npm run build

Test

1npm run test

Dev

Svelte/Webcomponent

In main.js, import test.svelte. Then run

1npm run dev

React

1cd react-dev
2npm run dev

Changes to the core informel library (non react changes) need to be rebuilt to be visible.