This repository contains a code demo showcasing how to create a custom webgi plugin that creates dynamic Ui with HTML, TypeScript, and the VariationConfiguratorPlugin.
To get started with the code demo, follow these steps:
- Clone the repository to your local machine.
- Install the required dependencies by running
npm install. - Start the development server by running
npm run dev.
Explore the implementation in the following files:
index.html: The main HTML file containing the custom UI elements../src/main.ts: The TypeScript file containing the logic to interact with VariationConfiguratorPlugin and CustomConfiguratorUiPlugin../src/CustomConfiguratorUiPlugin.ts: The TypeScript file for the CustomConfiguratorUiPlugin.
For more information and in-depth tutorials on how to use the VariationConfiguratorPlugin, please refer to https://webgi.xyz/docs/manual/variationConfigurator.