wiz-block

Use the wiz-block component to add blocks to your email.

For more information, see Blocks in eWizard.js projects and Blocks and modules in eWizard.

Learn more about components

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

Usage

To add the wiz-block component to your email and change its properties, in the App.vue file:

1. Add the <wiz-block></wiz-block> tag to your email template.

   <!--./App.vue -->
   
   <template>
     <wiz-root align="center" style="background: #ffffff; width: 700px;">
       <wiz-block></wiz-block>
     </wiz-root>
   </template>

2. Insert other components inside the <wiz-block></wiz-block> tag. For example, wiz-text:

   <!--./App.vue -->
   
   <template>
     <wiz-root align="center" style="background: #ffffff; width: 700px;">
       <wiz-block>
         <wiz-text :text="$t('text_3')"></wiz-text>
       </wiz-block>
     </wiz-root>
   </template>

Properties

The following properties are available:

Property	Type	Default value	Description
align	string	center	The block alignment on the email layout. One of: "center", "left", "right".
contentAlign	string	center	Block content alignment within the component. One of: "center", "left", "right".