본문으로 건너뛰기

bottomBar

Description

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

Usage

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

Parameters

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

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

Examples

Adding bottom bar to editor

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

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

<Editor {bottomBar} />

하단 바에는 스페이서와 클릭 시 알림을 표시하는 버튼이 순서대로 표시됩니다.