Edit in JSFiddle

require.config({
    baseUrl: "http://ibm-js.github.io/libraries/master",     
});

require(["deliteful-build/layer"], function () {
    require([
        "deliteful/ToasterMessage",
        "deliteful/Toaster",
        "delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
        "requirejs-domready/domReady!"
    ], function (ToasterMessage, Toaster) {
        window.toaster = new Toaster({placementClass: "d-toaster-placement-tr"});
        toaster.placeAt(document.body)
        var timeout = 0;
        var messages = [
            new ToasterMessage({ message: "This will fade on its own"}),
            new ToasterMessage({ message: "This one too"}),
            new ToasterMessage({ message: "You need to dismiss this yourself, or it won't go away", duration: -1 })
        ];
        messages.forEach(function(m){
            setTimeout(function(){
                toaster.postMessage(m)
            }, timeout)
            timeout += (Math.floor(Math.random()*3) + 1)*1000
        });
        window.input = document.getElementById("input");
        document.body.style.display = "";
    });
});

<input id="input" type="text" value="Something to post">
<button onclick="toaster.postMessage(input.value)">post</button>