JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Dojo: Toaster Tester</title>

    <link id="themeStyles" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6.0/dijit/themes/tundra/tundra.css">
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6.0/dojox/widget/Toaster/Toaster.css">

    <!-- required: dojo.js -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.6.0/dojo/dojo.xd.js"
        data-dojo-config="parseOnLoad: true, isDebug: true"></script>
    
    <script type="text/javascript">
        dojo.require("dojox.widget.Toaster");
        
        dojo.addOnLoad(function() {
            dojo.connect(dojo.byId('strapline'), 'onclick', function(event) {
                dojo.publish('myMessages', [{ message: 'Qwerty', type: "error", duration: 0}])
            });
        });        
    </script>
</head>
<body class="tundra">
    <button id="strapline">click</button>
    <div dojoType="dojox.widget.Toaster" duration="0" messageTopic="myMessages" positionDirection="tm-right" id="toasted"></div>
</body>
</html>