Added lite ui

Author: prasanna1211

docs/client/components/common/DefaultCode/RadioButtonGroup/index.js

@@ -0,0 +1,28 @@
+export const defaultCode =   `
+class Demo extends React.Component {
+  render() {
+    const options = [
+      { label: 'Alpha' }, 
+      { label: 'Beta'}, 
+      { label: 'Zheta' }
+    ];
+    return (
+      <div>
+        {/* Preview Block 1 */}
+        <PreviewBlock header="Default RadioButton group">
+          <RadioButtonGroup
+            options={options}
+          />
+        </PreviewBlock>
+        {/* Preview Block 2 */}
+        <PreviewBlock header="Inline RadioButton group">
+          <RadioButtonGroup
+            inline
+            options={options}
+          />
+        </PreviewBlock>
+      </div>
+    )
+  }
+}
+`;

docs/client/components/common/DefaultCode/index.js

@@ -2,4 +2,5 @@ export { defaultCode as CardDefaultCode } from './Card';
 export { defaultCode as ButtonDefaultCode } from './Button';
 export { defaultCode as CheckboxDefaultCode } from './Checkbox';
 export { defaultCode as CheckboxGroupDefaultCode } from './CheckboxGroup';
-export { defaultCode as ToggleDefaultCode } from './Toggle';
+export { defaultCode as ToggleDefaultCode } from './Toggle';
+export { defaultCode as RadioButtonGroupDefaultCode } from './RadioButtonGroup';

docs/client/components/common/componentList.js

@@ -8,13 +8,15 @@ import CheckboxGroup from '../../../../src/checkbox';
 import CheckboxGroupReadme from '../../../../src/checkbox/readMe.md';
 import Toggle from '../../../../src/toggle';
 import ToggleReadme from '../../../../src/toggle/readMe.md';
+import RadioButtonGroup from '../../../../src/radioButtonGroup';
 
 import {
   CardDefaultCode,
   ButtonDefaultCode,
   CheckboxDefaultCode,
   CheckboxGroupDefaultCode,
   ToggleDefaultCode,
+  RadioButtonGroupDefaultCode
 } from './DefaultCode';
 
 export const componentList = [
@@ -48,4 +50,10 @@ export const componentList = [
     component: Toggle,
     defaultCode: ToggleDefaultCode,
   },
+  {
+    name: 'RadioButtonGroup',
+    docs: CheckboxGroupReadme,
+    component: RadioButtonGroup,
+    defaultCode: RadioButtonGroupDefaultCode,
+  },
 ];

src/index.js

@@ -1,32 +1,34 @@
-// import Button from './button';
-// import Card from './card';
-// import Checkbox from './checkbox';
-// import CheckboxGroup from './checkboxGroup';
-// import Toggle from './toggle';
+import Button from './button';
+import Card from './card';
+import Checkbox from './checkbox';
+import CheckboxGroup from './checkboxGroup';
+import Toggle from './toggle';
+import RadioButtonGroup from './radioButtonGroup';
 
-// export default {
-//   Button,
-//   Card,
-//   Checkbox,
-//   CheckboxGroup,
-//   Toggle,
-// };
+export default {
+  Button,
+  Card,
+  Checkbox,
+  CheckboxGroup,
+  RadioButtonGroup,
+  Toggle,
+};
 
-import React from 'react';
-import ReactDOM from 'react-dom';
+// import React from 'react';
+// import ReactDOM from 'react-dom';
 
-import RadioButtonGroup from './radioButtonGroup';
-import theme from './theme.scss';
+// import RadioButtonGroup from './radioButtonGroup';
+// import theme from './theme.scss';
 
-const options = [{ label: 'Alpha' }, { label: 'Beta' }, { label: 'Zheta' }]
-const RadioDisplay = () => (
-  <div>
-    <RadioButtonGroup
-      theme={theme}
-      options={options}
-      inline
-    />
-  </div>
-);
+// const options = [{ label: 'Alpha' }, { label: 'Beta' }, { label: 'Zheta' }]
+// const RadioDisplay = () => (
+//   <div>
+//     <RadioButtonGroup
+//       theme={theme}
+//       options={options}
+//       inline
+//     />
+//   </div>
+// );
 
-ReactDOM.render(<RadioDisplay />, document.getElementById('index'));
+// ReactDOM.render(<RadioDisplay />, document.getElementById('index'));