placement

Description

Optional. Controls the placement of editor components

Usage

placement?: "inline" | "sidebar" | "modal";

Parameters

• "inline" – (default) displays the editor as an inline form
• "sidebar" – shows the editor as a sidebar panel
• "modal" – opens the editor inside a modal dialog overlay

Examples

show editor as sidebar panel

<script>
  import { Editor } from "@svar-ui/svelte-editor";
   const items = [ /*editor config*/ ];
</script>

<Editor {items} placement="sidebar" />

show editor as inline form

<script>
   import { Editor } from "@svar-ui/svelte-editor";
   const items = [ /*editor config*/ ];
</script>

<Editor {items} placement="inline" />

show editor as modal dialog

<script>
   import { Editor } from "@svar-ui/svelte-editor";
   const items = [ /*editor config*/ ];
</script>

<Editor {items} placement="modal" />