Easy to use
Easy to use
No need for boilerplate code, complex results parsing etc.
Customizable
Customizable
Supporting custom components, complete customization and more to make dialogs fit your plugin, and not the other way around.
Declarative
Declarative
Describe what the dialog should do, we take care of the how
Making it easy to let the user decide
Making it easy to let the user decide
Creating dialogs for your plugins can be hard. This, however, should not stop you from having dialogs to interact with users for your plugin, especially not with plugins for an application where UX designers are the main target group.
No matter whether you're a developer and simply do not want to write all the almost unmaintainable boilerplate code of showing and evaluating dialogs, or you're someone not so experienced with code who's written a handy plugin, this library can help you add a modal to your plugin with ease, giving your users the best, custom experience they can have.
Use it in your plugin
Use it in your plugin
To install and use the xd-dialog-helper
for your plugin, simply run (if you use npm)
npm install xd-dialog-helper
in the command line. Now, you can quickly import the module by using const DialogHelper = require("xd-dialog-helper");
and get started building dialogs.
WYSIWYG-Editor
WYSIWYG-Editor
While, of course, I can't take the "burden" of programming the plugin off of you (and I also wouldn't want to do that), user interfaces are best-built in a prototyping kind of matter that allows for quick iterations. For this reason, there is a WYSIWYG-Editor that lets you generate the code for a modal you put together. The code is perfectly readable and easy to edit, meaning you can quickly build a first iteration of your dialog and refine from there...