1 files changed, 69 insertions, 0 deletions
diff --git a/input/example.ts b/input/example.ts
new file mode 100644
index 0000000..3e68451
--- /dev/null
+++ b/input/example.ts
@@ -0,0 +1,69 @@
+import { WuiInputNumber, WuiInputNumberOpts } from "./number.js"
+
+function exampleInputNumber() {
+	let el_example = document.createElement("div")
+
+	let el_title = document.createElement("h3")
+	el_title.innerText = "Input number"
+	el_example.appendChild(el_title)
+
+	let opts: WuiInputNumberOpts = {
+		label: "Input number",
+		value: 100,
+		onChangeHandler: (val: number) => {
+			console.log("number changes to", val)
+		},
+	}
+	let input_num = new WuiInputNumber(opts)
+	el_example.appendChild(input_num.el)
+
+	opts = {
+		id: "my_input_number",
+		label: "Input number with ID",
+		value: 100,
+		hint: "The ID for this input is 'my_input_number'",
+		onChangeHandler: (val: number) => {
+			console.log("number changes to", val)
+		},
+	}
+	input_num = new WuiInputNumber(opts)
+	el_example.appendChild(input_num.el)
+
+	opts = {
+		label: "Input number disabled",
+		value: 100,
+		hint: "Input number with 'is_disabled' set to true",
+		is_disabled: true,
+		onChangeHandler: (val: number) => {
+			console.log("number changes to", val)
+		},
+	}
+	input_num = new WuiInputNumber(opts)
+	el_example.appendChild(input_num.el)
+
+	opts = {
+		label: "Input number with hint",
+		value: 100,
+		hint: "This is the <b>hint</b>",
+		onChangeHandler: (val: number) => {
+			console.log("number changes to", val)
+		},
+	}
+	input_num = new WuiInputNumber(opts)
+	el_example.appendChild(input_num.el)
+
+	opts = {
+		label: "Input number with max and min",
+		value: 10,
+		max: 12,
+		min: -20,
+		onChangeHandler: (val: number) => {
+			console.log("number changes to", val)
+		},
+	}
+	input_num = new WuiInputNumber(opts)
+	el_example.appendChild(input_num.el)
+	document.body.appendChild(el_example)
+}
+
+exampleInputNumber()