Skip to main content

column

layout?: "columns" | "default"

this property controls the placement of editor components in a two-column layout. The default value is "default", meaning the component will be placed in one column.

Usage​

Showing editor in 2 columns​

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

    const items = [
        { comp: "text", key: "name", label: "Name", column: "left" },
        {
            comp: "textarea",
            key: "descr",
            label: "Description",
            column: "left", // move to left column
        },
        { comp: "checkbox", key: "admin", label: "Is Admin" }
    ];
</script>

<Editor {items} values={data} layout="columns" />

This example shows how to define items in the left or right column by using the column property that has "right" (default) and "left" values.