All pages
Powered by GitBook
1 of 1

Loading...

MagicForm | <magic-form>

captures the submit event of the nested form and sends it to MagicFormProvider

Examples

<MagicForm>
  <form action="user">
    <input type="text" name="name" />
    <input type="text" name="email" />
<MagicForm onChangeState={event=>{
  console.log(event.currentTarget.state);
}}>
  <form action="user">
    <input type="text" name

Events

Type
Description
Config

Properties

Property
Description
Type

Property.state

<button>Create user</button>
</form>
</MagicForm>
=
"name"
/>
<input type="text" name="email" />
<button>Create user</button>
</form>
</MagicForm>

"ChangeState"

Dispatched when status changes from provider

{bubbles: false, composed: false}

state

Read only, Current status submission of the form

Object

action

Defines the action to dispatch, if not defined it can be inherited from the

tag

String

interface MagicFormActionStatus{
    result?:any,
    timestamp?: number,
    status: "pending" | "fulfilled" | "rejected"
}