Dashboard Menu Plugin Extension Files and Code

When you generate a dashboard menu plugin extension, the CLI adds a <your-plugin-name>.extension.ts file to your project that contains the menu plugin builder configuration.

The <your-plugin-name>.extension.ts file contains the dashboard menu plugin builder configuration. You can edit its fields manually to modify its appearance or behavior. However, do not change the extension's id field, as this is auto-generated by Wix and must remain unique across all extensions.

FieldTypeDescription
idStringExtension's unique identifier. The ID is used to register the menu plugin in the app dashboard and must be unique across all extensions in the project.
titleStringText of the menu item the extension adds.
extendsStringSlot ID into which the extension plugs in. Find the relevant dashboard slot for your app.
iconKeyStringIcon that appears next to your extension's title. Select a normal-size icon from the Wix Design System and paste its name.
actionObjectNavigation configuration object that determines the action taken when the extension is clicked.
action.navigateToPageObjectPage navigation configuration object. Contains the ID of the target dashboard page.
action.navigateToPage.pageIdStringID of the dashboard page to which site administrators are directed.
action.openModalObjectModal navigation configuration object. Contains the ID of the modal page to open.
action.openModal.componentIdStringID of the modal to open.

You can set the dashboard menu plugin action field to either navigate to a dashboard page or open a modal.

Here's an example <your-plugin-name>.extension.ts file:

Copy
Did this help?