sling-web-component-form

Sling Form

Usage no npm install needed!

<script type="module">
  import slingWebComponentForm from 'https://cdn.skypack.dev/sling-web-component-form';
</script>

README

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.