lit-forms

Forms framework for lit inspired by Angular Forms.

⚠️ Please note that all versions prior to 1.0.0 of this library do not follow SemVer standards, thus, minor versions may introduce breaking changes.

Installation

1$ npm install --save lit-forms

Usage

1const form = FB.form(this, {
2    email: FB.control(''),
3    password: FB.control(''),
4});

1<form
2    ${form.attach()}
3    @lf:submit="${() => {
4        console.log(form.value);
5    }}"
6>
7    <div>
8        <label for="email">E-mail:</label>
9        <input id="email" type="email" required ${form.components.email.attach()}>
10    </div>
11    <div>
12        <label for="password">Password:</label>
13        <input id="password" type="password" required ${form.components.password.attach()}>
14    </div>
15</form>

Features

• Support for native, Spectrum, Shoelace, vaadin or custom form fields
• Built-in validation
• Custom validators
• Structured form data with groups and arrays
• Zero dependencies

Documentation

• Creating form builder (FB)
• Submitting form
• Structuring forms
• Custom form fields implementation
• Validation
• Events
• States
• Rxjs

Where to go next

• Typescript API
• Storybook with examples