To make a component visible on the elements panel in eWizard Editor, add this component to the components.json configuration file in your demo e-Detailer: ./demo/common/components/components.json.
{ "components": [ { "id": "wiz-text", "name": { "eng": "Text" }, "model": {}, "icon": "node_modules/wiz-text/icon.png" }, { "id": "tеst-component", "name": { "eng": "Tеst component" }, "model": {}, "icon": "node_modules/tеst-component/icon.png" } ], "ignore": [] }NOTE: Add the component icon.png file to the component root directory to display the component icon in the eWizard Editor sidebar.
The components.json file includes the following fields for each component:
• id is the component name. For example: wiz-text, tеst-component.
• name is the component name displayed on the elements panel in eWizard Editor.
• icon is the component icon displayed on the elements panel in eWizard Editor.
The components listed in the components.json file are displayed on the Components tab of the elements panel in eWizard Editor: