wiz-link

wiz-link is a flexible and responsive link rendering component designed for use as email links, call-to-actions, and general navigation elements.

Features:

• Dynamic content: supports both plain text and styled HTML content, rendered dynamically using the text prop.
• Styling options: provides customizable styling for lineHeight, textAlign, and other typographic properties.
• Default settings: includes pre-configured default values for content, alignment, and link destination for ease of use.

Learn more about components

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

Usage

Markup:

<wiz-link :link="link" :text="$t('text')"></wiz-link>

Localization:

<i18n>
    {
        "en": {
            "text": "My awesome text"
        }
    }
</i18n>

Properties

The following properties are available:

Property	Type	Default value	Description
lineHeight	number	20	Spacing between lines in pixels.
link	string	https://viseven.com/	A URL or link target.
text	string	<span style='font-size:14px;color:#000000;font-family:arial,helvetica neue,helvetica,sans-serif;'>Text link</span>	The displayed text for the link. Can be a plain string or a keypath for localized text.
textAlign	string	left	Link alignment within the component. One of: "left", "right", "center", "justify".