A simple example extension that demonstrates the basics of building a Voiden extension.
- Registers a
/helloslash command - Inserts a greeting message into the editor
- Shows a toast notification
npm install
npm run build- Build the extension:
npm run build - Copy the
distfolder to your Voiden extensions directory - Restart Voiden
- Type
/helloin the editor to trigger the command
- Creating a UIExtension class
- Registering slash commands
- Inserting content into the editor
- Showing toast notifications
- Basic extension lifecycle (onLoad, onUnload)
hello-world/
├── src/
│ ├── manifest.json # Extension metadata
│ ├── extension.ts # Main extension class
│ └── index.ts # Entry point
├── dist/ # Build output
├── package.json
├── tsconfig.json
└── README.md
See the Voiden SDK documentation for more details.