@felte/element

@felte/element

Felte is an extensible form library originally bult for Svelte. This package aims to provide Felte's functionality using a custom element. Felte, on its most simple form, only requires you to provide a <form> element to it in order to work.

Features

• Single action to make your form reactive.
• Use HTML5 native elements to create your form. (Only the name attribute is necessary).
• Provides stores and helper functions to handle more complex use cases.
• No assumptions on your validation strategy. Use any validation library you want or write your own strategy.
• Handles addition and removal of form controls during runtime.
• Official solutions for error reporting using reporter packages.
• Well tested. Currently at 99% code coverage and constantly working on improving test quality.
• Supports validation with yup, zod and superstruct.
• Easily extend its functionality.

Simple usage example

Using Svelte as an example:

TODO: Add proper example

<script>
  import { prepareForm } from '@felte/element'

  prepareForm('signin', {
    onSubmit: async (values) => {
      /* call to an api */
    },
  })
</script>

<felte-form id="signin">
  <form>
    <input type=text name=email>
    <input type=password name=password>
    <input type=submit value="Sign in">
  </form>
</felte-form>

Installation

npm install --save @felte/element

# Or if you use yarn

yarn add @felte/element

Usage

To learn more about how to use felte to handle your forms, check the official documentation. TODO: Add documentation