From 962a696872bad4bb95f72a67275cc20b16495209 Mon Sep 17 00:00:00 2001
From: cassandra <cassandra.kesewa@gmail.com>
Date: Sat, 31 Jul 2021 07:24:58 +0000
Subject: [PATCH] docs(RadioButton): resolved error in console and fixed wrong
 sourcecode story

---
 src/components/RadioButton/RadioButton.js     |  2 +-
 .../RadioButton/RadioButton.stories.js        | 21 +++++++++----------
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/components/RadioButton/RadioButton.js b/src/components/RadioButton/RadioButton.js
index 39c501f9b..42b8ff884 100755
--- a/src/components/RadioButton/RadioButton.js
+++ b/src/components/RadioButton/RadioButton.js
@@ -100,7 +100,7 @@ class RadioButton extends React.Component {
 }
 
 export default (() => {
-  const forwardRef = (props, ref) => <RadioButton {...props} inputRef={ref} />;
+  const forwardRef = (props, ref) => <RadioButton {...props} inputRef={ref}/>;
   forwardRef.displayName = 'RadioButton';
   return React.forwardRef(forwardRef);
 })();
diff --git a/src/components/RadioButton/RadioButton.stories.js b/src/components/RadioButton/RadioButton.stories.js
index ae0aecd57..d768051b0 100644
--- a/src/components/RadioButton/RadioButton.stories.js
+++ b/src/components/RadioButton/RadioButton.stories.js
@@ -17,6 +17,8 @@ export const Regular = (args) => <RadioButton {...args} />;
 
 Regular.args = {
   labelText: 'Radio button',
+  value:'radio0',
+  name:'radio0'
 };
 
 const description = `
@@ -32,10 +34,10 @@ Regular.story = {
 };
 
 export const VerticalGrouping = (args) => {
-  const [gender, setgender] = useState('');
+  const [gender, setgender] = useState('female');
 
   const handleOnchange = (e) => {
-    setgender(e);
+    setgender(e.target.value);
   };
 
   return (
@@ -46,29 +48,26 @@ export const VerticalGrouping = (args) => {
       vertical>
       <RadioButton
         {...args}
-        value="female"
+        value={gender}
         id="female"
         labelText="Female"
-        name="female"
-        checked={gender === 'female'}
+        name="gender"
         onChange={handleOnchange}
       />
       <RadioButton
         {...args}
-        value="male"
+        value={gender}
         labelText="Male"
         id="male"
-        name="male"
-        checked={gender === 'male'}
+        name="gender"
         onChange={handleOnchange}
       />
       <RadioButton
         {...args}
-        value="other"
+        value={gender}
         labelText="Other"
         id="other"
-        name="other"
-        checked={gender === 'other'}
+        name="gender"
         onChange={handleOnchange}
       />
     </InputGroup>