@lion/form
TypeScript icon, indicating that this package has built-in type declarations

0.15.0 • Public • Published

Form >> Overview ||10

import { html } from '@mdjs/mdjs-preview';

import '@lion/input/define';
import '@lion/form/define';

A web component that enhances the functionality of the native form component. It is designed to interact with (instances of) the form controls.

export const main = () => html`
  <lion-form>
    <form>
      <lion-input name="firstName" label="First Name" .modelValue=${'Foo'}></lion-input>
      <lion-input name="lastName" label="Last Name" .modelValue=${'Bar'}></lion-input>
    </form>
  </lion-form>
`;

Features

  • Data synchronization with models
  • Easy retrieval of form data based on field names
  • Advanced validation possibilities
  • Advanced user interaction scenarios via interaction states
  • Registration mechanism for form controls
  • Accessible out of the box

For more information about fields that are designed for our form, please read form system.

Installation

npm i --save @lion/form
import '@lion/form/define';

Package Sidebar

Install

npm i @lion/form

Weekly Downloads

1,956

Version

0.15.0

License

MIT

Unpacked Size

22.1 kB

Total Files

13

Last publish

Collaborators

  • tlouisse
  • narzac
  • d4kmor