use styleguidist in example folder

Author: dev-javascript

example/stories/Readme.md

@@ -0,0 +1 @@
+These components are custom components built specifically for Romaak.

example/stories/index.ts

@@ -0,0 +1,2 @@
+export { default as Tabs } from "./tabs/Tabs.comp";
+export * from "./tabs";

example/stories/tabs/Readme.md

@@ -0,0 +1,51 @@
+## Minimal Usage
+
+```tsx
+import React from 'react';
+import 'react-dyn-tabs/style/react-dyn-tabs.css';
+import 'react-dyn-tabs/themes/react-dyn-tabs-card.css';
+import useDynTabs from 'react-dyn-tabs';
+import MoreButtonPlugin from 'react-dyn-tabs/plugins/moreButtonPlugin';
+
+const initialOptions = {
+  tabs: [
+    {
+      id: '1',
+      title: 'tab 1',
+      panelComponent: (porps) => <p> panel 1 </p>,
+    },
+    {
+      id: '2',
+      title: 'tab 2',
+      panelComponent: (porps) => <p> panel 2 </p>,
+    },
+    {
+      id: '3',
+      title: 'tab 3',
+      panelComponent: (porps) => <p> panel 3 </p>,
+    },
+    {
+      id: '4',
+      title: 'tab 4',
+      panelComponent: (porps) => <p> panel 4 </p>,
+    },
+    {
+      id: '5',
+      title: 'tab 5',
+      panelComponent: (porps) => <p> panel 5 </p>,
+    },
+  ],
+  selectedTabID: '2',
+};
+
+function App() {
+  const [TabList, PanelList] = useDynTabs(initialOptions, [MoreButtonPlugin]);
+  return (
+    <div>
+      <TabList></TabList>
+      <PanelList></PanelList>
+    </div>
+  );
+}
+<App />;
+```

example/stories/tabs/Tabs.comp.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import '../../../style/react-dyn-tabs.min.css';
+import '../../../themes/react-dyn-tabs-card.min.css';
+import useDynTabs from '../../../src/index';
+import _MoreButtonPlugin from '../../../src/plugins/moreButtonPlugin/index';
+
+export const MoreButtonPlugin = _MoreButtonPlugin;
+
+export default useDynTabs;

example/stories/tabs/index.ts

@@ -0,0 +1,4 @@
+export { default } from "./Tabs.comp";
+export * from "./Tabs.comp";
+
+