sling-web-component-form

Install

npm install sling-web-component-form

Tag

  <sling-form></sling-form>

Dependencies

Required

• sling-framework
• sling-helpers

Recommended

• sling-web-component-button
• sling-web-component-input

Attributes and properties

|Name|Type|Default Values|ReflectToAttribute|Observer|callSdk| |:--|:--|:--|:--:|:--|:--:| |formdata|Object|false|:x:|:heavy_check_mark:| |validation|Array|[]|:x:|:x:|

Description

|Name|Description| |:---|:---| |formdata|Object that contains the data from the form| |validation|A list of sling-helper methods for validations|

Events

• formsubmit Description: Event triggered every time that the form is submitted.

• update Description: Event triggered when any value of the form is changed.

Use

Use it like you are using a <form> tag. You can put anything form-related inside of it.

<sling-form>
 <sling-input name="name" type="text" label="Name"></sling-input>
 <!-- ... -->
</sling-form>      

Examples

All component examples can be emulated using the npm start sling-web-component-form command.