PanelPosition

Enum defining the layout position of panels in the Stripo Email Editor.

enum PanelPosition

Description

The PanelPosition enum specifies how the blocks panel and settings panel are arranged in the editor interface. This determines the overall layout of the editing workspace, affecting where users find the blocks library and element settings.

Import

import { PanelPosition } from '@stripoinc/ui-editor-extensions';

Enum Values

Value	Description
BLOCKS_SETTINGS	Blocks panel on the left, settings panel on the right
SETTINGS_BLOCKS	Settings panel on the left, blocks panel on the right

Detailed Value Descriptions

BLOCKS_SETTINGS

PanelPosition.BLOCKS_SETTINGS = 'BLOCKS_SETTINGS'

The default and most common layout:

• Left side: Blocks panel (drag-and-drop elements)
• Center: Email template canvas
• Right side: Settings panel (element properties)

This layout follows the natural left-to-right workflow: select a block → drop it in the template → configure its settings.

SETTINGS_BLOCKS

PanelPosition.SETTINGS_BLOCKS = 'SETTINGS_BLOCKS'

Alternative reversed layout:

• Left side: Settings panel (element properties)
• Center: Email template canvas
• Right side: Blocks panel (drag-and-drop elements)

This layout may be preferred for right-to-left languages or specific workflow preferences.