JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/pure-ui/lib/index.js"></script>
<link rel="stylesheet" href="https://unpkg.com/pure-ui/lib/index.css">
<script src="https://unpkg.com/regularjs/dist/regular.js"></script>
<div id="app"></div>

CSS

html { font-size: 13px; }

JavaScript

Regular.use( Pure );

var App = Regular.extend({
	template: `
		<Button sm on-click="{ this.onClick() }">Hey</Button>
	`,
	onClick: function() {
		Pure.notify( {
			type: 'success',
			title: 'Pure UI',
			description: 'elegant and lovely components'
		} );
	}
});

new App().$inject( document.getElementById( 'app' ) );