Skip to main content

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} />