wiz-text

Use the wiz-text component to add text to your e-Detailer.

Learn more about components

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

Usage

To add the wiz-text component to your slide and change its properties, in the ./slides/default/index.vue file:

1. Add the <wiz-text></wiz-text> tag to your slide template.

   <!--./slides/default/index.vue -->
   
   <template>
     <wiz-slide>
       <wiz-text :text="$t('heading')" id="heading"></wiz-text>
     </wiz-slide>
   </template>

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

2. Enter the text in the :text attribute variable in the <i18n></i18n> localization tag.

   For example, the heading variable:

   <!--./slides/default/index.vue -->
   
   <i18n>
   {
     "eng": {
       "heading": "<span style='line-height:30px;font-size:30px;'>My slide</span>"
     }
   }
   </i18n>

For more information, see Localization.

Attributes

You can change the wiz-text component appearance and behavior using the following attributes within the <wiz-text></wiz-text> tag:

• component-name

  Edit the value to change the label displayed on the component Properties tab in eWizard Editor.

  <wiz-text :text="$t('heading')" component-name="Your text" id="heading"></wiz-text>

Properties

The following properties are available:

Property	Type	Default value	Description
componentName	string	Text	The text label displayed in eWizard Editor.
text	string	Double-click to add text	The editable text displayed on the content item layout in eWizard Editor.