topBar

Description

선택 사항. 에디터의 상단 툴바 구성을 제어합니다

Usage

topBar?: boolean | { items: IToolbarItem[] };

Parameters

topbar는 다음 값을 사용할 수 있습니다:

• true – 상단 툴바를 활성화합니다
• false – 상단 툴바를 숨깁니다
• items 배열을 포함하는 객체로, 각 요소는 ToolbarItem이며 Toolbar 컴포넌트의 items와 동일한 파라미터를 지원합니다

Examples

Adding top bar to editor

<script>
    import { Editor } from "@svar-ui/svelte-editor";

    const topBar = {
        items: [
            { comp: "spacer" },
            { comp: "button", label: "Click me", onclick: () => alert("clicked") },
        ],
    };
</script>

<Editor {topBar} />

Adding top bar and using form values in it

<script>
    import { Editor } from "@svar-ui/svelte-editor";
    import { Switch } from "@svar-ui/svelte-core";

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

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

<Editor {topBar} {values} />