In This Article
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.
Copy
1
Field | Type | Description |
---|---|---|
id | String | ID of the plugin you created using the CLI. This ID is auto-generated by Wix. |
title | String | Name of the plugin. |
extends | String | Slot ID of the dashboard page hosting the 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:
Copy
1
In the dashboard plugin component, you can use:
- React to add code and login to your plugin.
- The Wix Dashboard React 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.
Was this helpful?
Yes
No