Dashboard Plugin Extension Files and Code

In your app project, the source code for your dashboard plugins is found in the src/dashboard/plugins folder.

Each plugin is defined in its own subfolder that contains the following files:

• plugin.json: Defines the plugin configuration.
• plugin.tsx: Defines the plugin content.

Plugin extension configuration (plugin.json)

The plugin.json file contains the dashboard plugin extension’s configuration details. This file defines which dashboard page hosts your plugin.

Plugin content (plugin.tsx)

The page.tsx file contains the dashboard plugin content.

The content is defined in a React component that renders when the page is active. Below is an example of how your plugin.tsx file will look upon creation:

In the dashboard plugin component, you can use:

• React to add code and login to your plugin.
• The Wix Dashboard SDK to interact with the dashboard page’s data that is passed to the slot.
• The Wix Design System to work with the same React components Wix uses to build its own dashboard plugins.