wiz-references

The wiz-references component is an HTML table with the list of references—citations of the sources used on the site or landing page. Each reference has its ID. Use eWizard Editor to add references to the site template. For more information about using References in eWizard Editor, see References in eWizard Editor.

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 site template:

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

   <!--./App.vue -->
   
   <template>
   <wiz-root style="background: #ffffff; width: 880px;" class="editable-block">
   <wiz-references :header="$t('wiz_references_10e0')" id="wiz-references-40fc" 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 component header text in the <i18n></i18n> localization tag.

   <!--./App.vue -->
   
   <i18n>
   {
       "eng": {
           "wiz_references_10e0": "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 site layout. Use the $t('') variable to provide the key-value pair for localization of the header text.

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

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

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

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 site layout.