Zum Hauptinhalt springen

bottomBar

Description

Optional. Steuert die Konfiguration der unteren Symbolleiste im Editor

Usage

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

Parameters

bottombar kann folgende Werte annehmen:

  • true – aktiviert die untere Symbolleiste
  • false – blendet die untere Symbolleiste aus
  • ein Objekt mit dem items-Array, wobei jedes Element ein ToolbarItem ist und dieselben Parameter wie items in der Toolbar-Komponente unterstützt

Examples

Untere Leiste zum Editor hinzufügen

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

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

<Editor {bottomBar} />

Die untere Leiste zeigt einen Spacer gefolgt von einem Button an, der beim Klicken eine Alert-Meldung auslöst.