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>
`;
- 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.
npm i --save @lion/form
import '@lion/form/define';