hello.png

index.html

		<template id="template.widgets.hello">
			{{#title}}<h2 class="header">{{title}}</h2>{{/title}}
		</template>
		<template id="template.widgets.hello.desc">
			Hello World
		</template>

widgets.js

	23: {
		id: 23,
		size: 1,
		order: 0,
		name: "Hello World",
		nicename: "hello",
		sizes: ["small"],
		desc: "It's a small Hello World.",
		settings: [
			{
				type: "text",
				nicename: "title",
				label: "Widget Title",
				placeholder: "Enter a widget title or leave blank to hide"
			}
		],
		config: {
			title: "Hello World",
			size: "small"
		},
		render: function() {
			var data = $.extend({}, this.data || {});

			if (this.config.title && this.config.title !== "") {
				data.title = this.config.title;
			}

			this.utils.render(data);
		}
	},