1 files changed, 37 insertions, 0 deletions
diff --git a/demos/spinner/hexadecimal.html b/demos/spinner/hexadecimal.html
new file mode 100644
index 000000000..03952a62d
--- /dev/null
+++ b/demos/spinner/hexadecimal.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<title>jQuery UI Spinner - Hexadecimal</title>
+	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
+	<script type="text/javascript" src="../../jquery-1.4.3.js"></script>
+	<script type="text/javascript" src="../../external/jquery.mousewheel-3.0.2.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
+	<script type="text/javascript" src="../../ui/jquery.ui.spinner.js"></script>
+	<link type="text/css" href="../demos.css" rel="stylesheet" />
+	<script type="text/javascript">
+	$(function() {
+		$("#hexadecimal").spinner({radix: 16, padLength: 6, precision: 2, step: '0.01'});	
+	});
+	</script>
+</head>
+<body>
+
+<div class="demo">
+
+<p>
+	<label for="hexadecimal">Hexadecimal spinner:</label>
+	<input id="hexadecimal" name="hexadecimal" value="0" />
+</p>
+</div><!-- End demo -->
+
+<div class="demo-description">
+<p>
+Example of a hexadecimal spinner.
+</p>
+</div><!-- End demo-description -->
+
+</body>
+</html>