layout

Description

Optional. Steuert das Layout der Editor-Komponenten

Usage

layout?: "columns" | "default";

Parameters

Die Property akzeptiert folgende Werte:

• "columns" - die Komponenten werden in einem zweispaltigen Layout angeordnet
• "default" - (Standard) Komponenten werden in einer Spalte angeordnet

Examples

Editor in 2 Spalten anzeigen

<script>
   import { Editor } from "@svar-ui/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" />

Dieses Beispiel zeigt, wie Elemente der linken oder rechten Spalte zugewiesen werden, indem die column Property verwendet wird, die die Werte "right" (Standard) und "left" unterstützt.