lion/packages/form

Form

lion-form is a webcomponent that enhances the functionality of the native form component. It is designed to interact with (instances of) the form controls.

Note: Make sure to explicitly put <form> native element as a first child of <lion-form>, in order to function properly.

export default {
  title: 'Forms/Form/Overview',
};

For a full demo of forms integrated with other lion field components, see features overview

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 lion-form, please read forms.

How to use

Installation

npm i --save @lion/form

import '@lion/form/lion-form.js';

Example

See full form example