JSFiddle - React, Tailwind, and code Playground

by Nathaniel Anderson

HTML

<div qv-extension style="height: 100%; position: relative; overflow: auto;" class="ng-scope">
	{{ html }} 
</div>

CSS

{
	"name": "Spartan-Action-Plan-Updater",
	"description": "Basic empty visualization template based on angular.js",
	"type": "visualization",
	"version": "1.0.0",
	"author": "",
	"homepage": "",
	"keywords": "qlik-sense, visualization",
	"license": "",
	"repository": "",
	"dependencies": {
		"qlik-sense": ">=3.0.x"
	}
}

JavaScript

define( ["qlik", "text!./template.html"],
	function ( qlik, template ) {

		return {
			template: template,
			support: {
				snapshot: true,
				export: true,
				exportData: false
			},
			paint: function () {
				return qlik.Promise.resolve();
			},
			controller: ['$scope', function ( $scope ) {
				//add your rendering code here
				$scope.html = "Hello World";
			}]
		};

	} );