add checkbox type to input

guardian · Oct 8, 2020 · e504db4 · e504db4
1 parent f547911
commit e504db4
Showing 1 changed file with 9 additions and 5 deletions.
diff --git 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 }