From e504db4f66ca5dded18b800ba525c6f16666a9ed Mon Sep 17 00:00:00 2001
From: Simon Adcock <simonadcock2@gmail.com>
Date: Thu, 8 Oct 2020 10:50:45 +0100
Subject: [PATCH] add checkbox type to input

---
 src/core/components/checkbox/index.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/core/components/checkbox/index.tsx b/src/core/components/checkbox/index.tsx
index da3b97637..eb740a4ad 100644
--- a/src/core/components/checkbox/index.tsx
+++ b/src/core/components/checkbox/index.tsx
@@ -47,7 +47,11 @@ const CheckboxGroup = ({
 	children,
 	...props
 }: CheckboxGroupProps) => {
-	const legend = label ? <Legend text={label} supporting={supporting} hideLabel={hideLabel} /> : ""
+	const legend = label ? (
+		<Legend text={label} supporting={supporting} hideLabel={hideLabel} />
+	) : (
+		""
+	)
 
 	const message =
 		typeof error === "string" ? (
@@ -155,6 +159,7 @@ const Checkbox = ({
 	const box = (
 		<>
 			<input
+				type="checkbox"
 				css={(theme) => [
 					checkbox(theme.checkbox && theme),
 					error ? errorCheckbox(theme.checkbox && theme) : "",
@@ -196,8 +201,8 @@ const Checkbox = ({
 					<SupportingText>{supporting}</SupportingText>
 				</div>
 			) : (
-					<LabelText>{labelContent}</LabelText>
-				)}
+				<LabelText>{labelContent}</LabelText>
+			)}
 		</label>
 	)
 
@@ -206,13 +211,12 @@ const Checkbox = ({
 
 const checkboxDefaultProps = {
 	disabled: false,
-	type: "checkbox",
 	indeterminate: false,
 	error: false,
 }
 
 const checkboxGroupDefaultProps = {
-	hideLabel: false
+	hideLabel: false,
 }
 
 Checkbox.defaultProps = { ...checkboxDefaultProps }