Use the wiz-block component to add blocks to your sites. For more information, see Blocks and modules.
Installation
To install the wiz-block component, run the following command in the root directory of your site project:
wiz install @site/wiz-block
For more information, see Install components.
Usage
TIP: As best practice, use eWizard Editor to add and edit the components.
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>
TIP: 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>