fix issue with radio input

the-control-group · Nov 30, 2018 · 912f822 · 912f822
1 parent 036cc80
commit 912f822
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -75,7 +75,7 @@ const Input = ({
 					checked={checked}
 				/>
 				{label &&
-					<label htmlFor={other.id}>
+					<label htmlFor={id}>
 						{label}
 					</label>
 				}