values

values: Record<string, any>

this property holds the initial values for the editor fields. The default value is an empty object {}.

Usage

Initializing editor with values

<script>
    import { Editor, registerEditorItem } from "wx-svelte-editor";
    import { TextArea, Checkbox } from "wx-svelte-core";
    
    registerEditorItem("textarea", TextArea);
    registerEditorItem("checkbox", Checkbox);

    const items = [
        { comp: "text", key: "name", label: "Name" },
        {
            comp: "textarea",
            key: "descr",
            label: "Description"
        },
        { comp: "checkbox", key: "admin", label: "Is Admin" }
    ];

    const values = {
        name: "John Doe",
        descr: "Lorem ipsum dolor sit amet",
        admin: true,
        role: "admin"
    };
</script>

<Editor {items} {values} />

Adding top bar and using form values

<script>
    import { Editor } from "wx-svelte-editor";

    const topBar = {
        items: [
            { comp: "label", spacer: true, key: "label" },
            { comp: Switch, key: "state" },
        ],
    };

    const values = {
        label: "Product N1",
        state: false
    };
</script>

<Editor {topBar} {values} />