wiz-block

Use the wiz-block component to add blocks to your sites. For more information, see Blocks and modules.

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 site and change its properties, in the App.vue file:

1. Add the wiz-block component to your site template.

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

   The id attribute is required for correct display of the component styles in eWizard Editor.

2. Insert other components inside the block, for example wiz-text:

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