wiz-placeholder

The wiz-placeholder component is a flexible container for managing and organizing its child wiz-column components. It acts as a structural scaffold for layouts, ensuring proper alignment, responsiveness, and dynamic behavior.

Learn more about components

• Import and registration
• Property and file types
• Configuration
• Components in eWizard Editor

Usage

To create a layout with dynamic columns, add wiz-placeholder to your email layout and include wiz-column as required:

<wiz-placeholder :align="'center'" :breakColumns="true">
  <wiz-column :width="50" :contentAlign="'left'">
    Column 1 content
  </wiz-column>
  <wiz-column :width="50" :contentAlign="'right'">
    Column 2 content
  </wiz-column>
</wiz-placeholder>

Properties

The following properties are available:

Property	Type	Default value	Description
align	string	center	Determines how a placeholder is aligned on the email layout. One of: "center", "left", "right".
breakColumns	boolean	true	Determines whether the placeholder is split into columns.

wiz-column

The following properties are available:

Property	Type	Default value	Description
contentAlign	string	center	Column content alignment. One of: "center", "left", "right".
label	string	Column	Sets the column's label visible in eWizard Editor
width	number	0	The width of the column as a percentage. If not provided, the column width adjusts automatically.