JSFiddle - React, Tailwind, and code Playground

by siliconsoul

HTML

<script src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.default.min.css">
<div class="uv-icon"></div>

JavaScript

UserVoice = window.UserVoice || [];
	(function () {
	    var uv = document.createElement('script');
	    uv.type = 'text/javascript';
	    uv.async = true;
	    uv.src = '//widget.uservoice.com/A1KtAnY6lkkALo1fAJmu6A.js';
	    var s = document.getElementsByTagName('script')[0];
	    s.parentNode.insertBefore(uv, s)
	})();

	UserVoice.push(['set', {
	    accent_color: '#448dd6',
	    trigger_color: 'white',
	    trigger_background_color: '#448dd6'
	}]);

	UserVoice.push(['identify', {
	}]);

	UserVoice.push(['addTrigger', {
	    mode: 'contact',
	    trigger_position: 'top-right'
	}]);
	UserVoice.push(['autoprompt', {}]);

	$(function () {
	    setTimeout(function () {
	        $("div.uv-icon").kendoTooltip({
	            content: {
                    url: "https://www.google.com/test"
                },
	            show: function (e) {
	                this.popup.wrapper.css("min-width", "250px");
	                this.popup.wrapper.width("auto");
	            },
	            position: "left"
	        });
	    }, 1000);
	});