Introduction

🔥warning

WIP Package!

Simple Form Manager

❓ multieditor

The multieditor package is an extension for AgileTs, that makes creating reliable forms easy.

⏰ Short Example

// Let's create our first MultiEditor

const multiEditor = new MultiEditor(editor => ({

data: {

id: "myId", // Inital Id

email: undefined, // Inital Email

name: undefined, // Inital Name

},

onSubmit: async (data) => {

console.log("Submitted ", data); // <-------------------------------------------

}, // |

fixedProperties: ["id"], // Properties that always get passed as data into the onSubmit function

validateMethods: {

email: editor.Validator().string().email().required(), // Email is requiered, a string and follows the Email regex

name: editor.Validator().string().max(10).min(2).required(), // Name is required, a string, has to be shorter than 10 and longer than 2 chars

},

editableProperties: ["email", "name"], // Properties that can be edited

}));

// Lets update the requiered properties to validate the Editor

multiEditor.setValue("email", "test@test.com");

multiEditor.setValue("name", "Jeff");

// Now we can submit the Editor and see what the onSubmit will log

multiEditor.submit();

// Submited {

// id: "myId",

// name: "Jeff",

// email: "test@test.com"

// }

⛳️ Sandbox

Test the MultiEditor Extension yourself, it's only one click away. Just select your preferred Framework below.

• React
• Vue (coming soon)
• Angular (coming soon)