modified checkboxgroup HTML form example

kobaltedev · Oct 27, 2024 · cf8da30 · cf8da30
1 parent 1b9171d
commit cf8da30
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/apps/docs/src/examples/checkbox-group.tsx b/apps/docs/src/examples/checkbox-group.tsx
@@ -178,7 +178,14 @@ export function HTMLFormExample() {
 		e.stopPropagation();
 
 		const formData = new FormData(formRef);
-		alert(JSON.stringify(Object.fromEntries(formData), null, 2));
+		const subscriptions = Array.from(formData.getAll('subscriptions'));
+
+		const result = {
+			...Object.fromEntries(formData),
+			subscriptions,
+		};
+
+		alert(JSON.stringify(result, null, 2));
 	};
 
 	return (

diff --git a/apps/docs/src/routes/docs/core/components/checkbox-group.mdx b/apps/docs/src/routes/docs/core/components/checkbox-group.mdx
@@ -352,8 +352,16 @@ function HTMLFormExample() {
 	const onSubmit = (e: SubmitEvent) => {
 		e.preventDefault();
 		e.stopPropagation();
+
 		const formData = new FormData(formRef);
-		alert(JSON.stringify(Object.fromEntries(formData), null, 2));
+		const subscriptions = Array.from(formData.getAll('subscriptions'));
+
+		const result = {
+			...Object.fromEntries(formData),
+			subscriptions,
+		};
+
+		alert(JSON.stringify(result, null, 2));
 	};
 
 	return (