wiz-references

The wiz-references component is an HTML table with the list of references—citations of the sources used on the messenger ad. Each reference has its ID.

Use eWizard Editor to add references to the messenger ad template. For more information about using references in eWizard Editor, see References.

For more information about working with references locally in your project, see References.

Learn more about components

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

Usage

To use the wiz-references component in your messenger ad template:

1. Add the <wiz-references></wiz-references> tag to your messenger ad template in the App.vue file.

   <!--./App.vue -->
   
   <template>
   <wiz-root style="background: #ffffff; width: 100%;" class="editable-block">
   <wiz-references :header="$t('wiz_references_3335')" id="wiz-references-4a93" component-name="My references"></wiz-references>
   </wiz-root>
   </template>

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

2. Change the references header text in the <i18n></i18n> localization tag.

   <!--./App.vue -->
   
   <i18n>
   {
       "eng": {
           "wiz_references_3335": "References"
       }
   }
   </i18n>

   For more information, see Localization.

Attributes

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

• componentName

  Change the component name that appears on the Properties tab in eWizard Editor.

  <wiz-references component-name="My references"></wiz-references>

• header

  Change the component header (title) that appears on the messenger ad layout. Use the $t('') variable to provide the key-value pair for localization of the header text.

  <wiz-references :header="$t('wiz_references_3335')"></wiz-references>

  You can add the header text as a '' string without localization:

  <wiz-references :header="'My references'"></wiz-references>

Properties

The wiz-references component has the following properties:

The following properties are available:

Property	Type	Default value	Description
componentName	string	References	The text label displayed in eWizard Editor.
header	string	References	The component title that appears on the messenger ad layout.