wiz-menu

wiz-menu is a customizable component for creating dynamic menus. Each menu item is a clickable link, styled for readability and responsive across different screen sizes. This component is ideal for email templates or any context requiring structured and accessible navigation.

Features:

• Dynamic items: the items property allows dynamic addition of menu items with customizable properties.
• Responsive layout: adapts to smaller screens.

Learn more about components

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

Usage

Markup:

<wiz-menu :items="menuItems" ></wiz-menu>

Localization:

<i18n>
    {
        "en": {
            "menu_1": "Menu item 1",
            "menu_2": "Menu item 2",
            "menu_3": "Menu item 3",
            "menu_4": "Menu item 4",
        }
    }
</i18n>

Properties

The following properties are available:

Property	Type	Default value	Description
align	string	left	Determines how the menu is aligned on the email layout. One of: "center", "left", "right".
items	array	[...]	The menu items array. Every item includes the following properties: "name", "lineHeight", "textAlign", "link".

item

The following properties are available:

Property	Type	Default value	Description
lineHeight	number	20	Spacing between menu items in pixels.
link	string	https://viseven.com/	A URL or link target for the menu item.
name	string	<strong><span style='color:#2573ba;font-size: 14px;font-family:arial,helvetica neue,helvetica,sans-serif;'>Menu 1</span></strong>	The item name with styling
textAlign	string	left	Item text alignment within the component. One of: "left", "right", "center", "justify".