layout

Description

선택 사항. 에디터 컴포넌트의 레이아웃을 제어합니다

Usage

layout?: "columns" | "default";

Parameters

이 property는 다음 값을 사용합니다:

• "columns" - 컴포넌트가 2열 레이아웃으로 배치됩니다
• "default" - (기본값) 컴포넌트가 1열로 배치됩니다

Examples

에디터를 2열로 표시하기

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

이 예제는 column property를 사용하여 항목을 왼쪽 또는 오른쪽 열에 배치하는 방법을 보여줍니다. column property는 "right" (기본값)과 "left" 값을 가집니다.