1 files changed, 31 insertions, 0 deletions
diff --git a/demos/functional/templates/ui.selectable.html b/demos/functional/templates/ui.selectable.html
new file mode 100644
index 000000000..a7ab5cf9a
--- /dev/null
+++ b/demos/functional/templates/ui.selectable.html
@@ -0,0 +1,31 @@
+<script type="text/javascript">
+
+	var model = {
+
+		renderAt: '#containerDemo',
+
+		title: 'Selectable Demos',
+
+		demos: [
+
+			{
+				title: 'Selectable',
+				desc: 'With few lines of code you could have selectable elements. You can try more options on the fly!',
+				html: { url: 'templates/ui.selectable.data.html' },
+				destroy: '$("#selectable-example").selectable("destroy");',
+				options: [
+					{	desc: 'Make a simple selectable list', source: '$("#selectable-example").selectable();' },
+					{	desc: 'Tolerance touch', source: '$("#selectable-example").selectable({ tolerance: "touch" });' }
+				]
+			}
+		]
+
+	};
+
+	$(function(){
+
+		uiRenderDemo(model);
+
+	});
+
+</script>
+\ No newline at end of file