docs(input-field): fix misleading type number examples

The value in change events is a number or the empty string.
Lundalogik · May 15, 2024 · a1a244c · a1a244c
1 parent d1caac5
commit a1a244c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/input-field/examples/input-field-number-prefix.tsx b/src/components/input-field/examples/input-field-number-prefix.tsx
@@ -24,7 +24,7 @@ export class InputFieldPrefixExample {
         );
     }
 
-    private handleChange = (event: CustomEvent<string>) => {
-        this.value = event.detail;
+    private handleChange = (event: CustomEvent<string | number>) => {
+        this.value = event.detail + '';
     };
 }
diff --git a/src/components/input-field/examples/input-field-number.tsx b/src/components/input-field/examples/input-field-number.tsx
@@ -24,7 +24,7 @@ export class InputFieldNumberExample {
     private formatNumber = true;
 
     @State()
-    private value;
+    private value = '';
 
     public render() {
         return [
@@ -70,8 +70,8 @@ export class InputFieldNumberExample {
         this.invalid = this.required && !this.value;
     }
 
-    private handleChange = (event: CustomEvent<string>) => {
-        this.value = event.detail;
+    private handleChange = (event: CustomEvent<string | number>) => {
+        this.value = event.detail + '';
         this.checkValidity();
     };