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
npm run build
Test
npm run test
Dev
Svelte/Webcomponent
In main.js
, import test.svelte
. Then run
npm run dev
React
cd react-dev
npm run dev
Changes to the core informel
library (non react changes) need to be rebuilt to be visible.