From 912f822466bb821c54f5f0c1b98aeb1e59b8eb71 Mon Sep 17 00:00:00 2001
From: Hanna Letska <hannaletska@Hannas-MacBook-Pro.local>
Date: Fri, 30 Nov 2018 13:26:26 -0800
Subject: [PATCH] fix issue with radio input

---
 docz/Input.doc.mdx          | 8 ++++----
 src/elements/Input/Input.js | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/docz/Input.doc.mdx b/docz/Input.doc.mdx
index e349e82..b452049 100644
--- a/docz/Input.doc.mdx
+++ b/docz/Input.doc.mdx
@@ -26,15 +26,15 @@ import { Input } from '../src';
 
 <Playground>
 	<Input type="radio" label="Radio Button 1 Long Label With Multiple Lines of Text" id="radio-button-id-1" name="radio-button-name" />
-	<Input type="radio" label="Radio Button 2" id="radio-button-id-2" name="radio-button-name" />
-	<Input type="radio" label="Radio Button 3" id="radio-button-id-3" name="radio-button-name" />
+	<Input type="radio" label="Radio Button 2" id="radio-button-id-2" name="radio-button-name" checked="false" />
+	<Input type="radio" label="Radio Button 3" id="radio-button-id-3" name="radio-button-name" checked="false" />
 </Playground>
 
 ## Checkbox Input:
 
 <Playground>
-	<Input type="checkbox" label="Checkbox 1" id="checkbox-id-1" name="cahckbox-name" />
-	<Input type="checkbox" label="Checkbox 2 Long Label With Multiple Lines of Text" id="checkbox-id-2" name="cahckbox-name" />
+	<Input type="checkbox" label="Checkbox 1" id="checkbox-id-1" name="checkbox-name" checked="true" />
+	<Input type="checkbox" label="Checkbox 2 Long Label With Multiple Lines of Text" id="checkbox-id-2" name="checkbox-name" checked="false" />
 </Playground>
 
 ## PropTypes:
diff --git a/src/elements/Input/Input.js b/src/elements/Input/Input.js
index a0e2516..32e6b60 100644
--- a/src/elements/Input/Input.js
+++ b/src/elements/Input/Input.js
@@ -75,7 +75,7 @@ const Input = ({
 					checked={checked}
 				/>
 				{label &&
-					<label htmlFor={other.id}>
+					<label htmlFor={id}>
 						{label}
 					</label>
 				}