doc: Prepare an introduction page for storybook (#210)

Author: sravan-s

README.md

@@ -1,6 +1,5 @@
 # sendbird-uikit
 
-[![Version 3 beta](https://img.shields.io/badge/Sendbird-BETA-blue.svg)](https://github.com/sendbird/sendbird-uikit-react/tree/develop-v3)
 [![Platform React](https://img.shields.io/badge/Platform-React-orange.svg)](https://reactjs.org)
 [![Language TypeScript](https://img.shields.io/badge/Language-TypeScript-orange.svg)](https://www.typescriptlang.org/)
 

src/ui/Docs/Introduction.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+
+export default function Introduction(): JSX.Element {
+  return (
+    <article>
+      <h1>Welcome to <i>@sendbird/uikit-react/ui</i> Storybook</h1>
+      <main>
+        <p>The list of UI components can be founder under `@sendbird/uikit-react/ui` in left panel</p>
+        <p>Use Docs tab on the top(beside canvas tab) to read docs and play around with the components</p>
+      </main>
+    </article>
+  );
+}

src/ui/Docs/stories/Doc.stories.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import Introduction from '../Introduction';
+
+const description = `
+  \`@sendbird/uikit-react/ui/Introduction\`
+`;
+
+export default {
+  title: '@sendbird/uikit-react/ui/Introduction',
+  component: Introduction,
+  parameters: {
+    docs: {
+      description: {
+        component: description,
+      },
+    },
+  },
+};
+
+export const WithControl = (arg) => <Introduction {...arg} />;