Add the ability to create elements using Bootstrap modules.

Prerequisites

• I have searched for duplicate or closed feature requests
• I have read the contributing guidelines

Proposal

I would like the ability to create Bootstrap elements from the modules, for example, with the toast element:

const bootstrap = require('bootstrap');
const toastContainer = document.getElementById('toast-container');
...
catch (exception) {
    // For clarity purposes in this proposal.
    let title = 'Error';
    let message = exception;
    
    // Build the element using the module.
    let toast = new bootstrap.Toast(title, message);
    toast.iconUrl = './someIcon.png';
    toast.timestamp = new Date();
    toast.autoDestroyIn = 10000;

    // Append the toast to the container.
    toast.appendTo(toastContainer);
}

Auto-Destruction

This is not a requirement but would be a great feature if all modules implemented it so that we could specify that the element should be removed after so many milliseconds. By default, the element would live forever. I believe a very basic implementation would be something like:

if (this.autoDestroyIn)
    setTimeout(destroy, this.autoDestroyIn);

Motivation and context

In Electron apps, it would be nice to generate elements such as toasts, list items, modals, etc within the preload and other renderer scripts. Currently, elements must be generated manually in a rather verbose way.

[WinterSilence]

@ffoodd

wrap current classes in custom elements

not BC, I’m mean something like proxy pattern

[GeoSot]

Probably you may try to propose your ideas, making a PR as a proof of concept. You never know, it may be liked out there. But please keep in mind to maintain a vital amount of backward compatibility. It may be a great overhead for many devs in order to keep their projects updated