wiz-utility-button

wiz-utility-button is a customizable button component for using in layouts that require responsive buttons with both textual and icon-based elements. It supports various button types (Zoom, Download, Video, etc.) dynamically switching between different icons and label texts based on the selected type or custom inputs.

Learn more about components

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

Usage

Markup:

 <wiz-utility-button :text="$t('text')" button-type="video" text-position="left" width="auto" align="center" link="https://viseven.com/" icon-src="public/images/icon.png"></wiz-utility-button>

Localization:

<i18n>
    {
        "en": {
              "text": "Play"
        }
    }
</i18n>

Properties

The following properties are available:

Property	Type	Default value	Description
align	string	center	Button alignment on the email layout. One of: "center", "left", "right".
buttonType	string	zoom	The required button type. One of: "zoom", "download", "video", "presentation", "audio"
iconSrc	string	N/A	A custom icon source URL. When empty, the default icon button is used.
link	string	https://visesen.com/	A target URL the button redirects to.
text	string	N/A	The button text. When empty, the default text for the specified "buttonType" is used.
textPosition	string	right	The position of the button text. Oneof: "right", "left"
width	number	auto	The button width in percent. "auto" allowed.