[Playground] EuiTab (#3910)

Co-authored-by: Greg Thompson <[email protected]>

src-docs/src/views/tabs/playground.js

@@ -0,0 +1,48 @@
+import {
+  propUtilityForPlayground,
+  dummyFunction,
+} from '../../services/playground';
+import { EuiTab } from '../../../../src/components/';
+import { PropTypes } from 'react-view';
+
+export const tabConfig = () => {
+  const docgenInfo = Array.isArray(EuiTab.__docgenInfo)
+    ? EuiTab.__docgenInfo[0]
+    : EuiTab.__docgenInfo;
+  const propsToUse = propUtilityForPlayground(docgenInfo.props);
+
+  propsToUse.onClick = {
+    ...propsToUse.onClick,
+    type: PropTypes.Custom,
+    value: undefined,
+    custom: {
+      ...propsToUse.onClick.custom,
+      use: 'switch',
+      label: 'Simulate',
+    },
+  };
+
+  propsToUse.children = {
+    ...propsToUse.children,
+    type: PropTypes.String,
+    value: 'Tab content',
+  };
+
+  return {
+    config: {
+      componentName: 'EuiTab',
+      props: propsToUse,
+      scope: {
+        EuiTab,
+      },
+      imports: {
+        '@elastic/eui': {
+          named: ['EuiTab'],
+        },
+      },
+      customProps: {
+        onClick: dummyFunction,
+      },
+    },
+  };
+};

src-docs/src/views/tabs/tabs_example.js

@@ -9,6 +9,7 @@ import {
   EuiTab,
   EuiTabbedContent,
 } from '../../../../src/components';
+import { tabConfig } from './playground';
 
 import Tabs from './tabs';
 const tabsSource = require('!!raw-loader!./tabs');
@@ -161,4 +162,5 @@ export const TabsExample = {
       demo: <Controlled />,
     },
   ],
+  playground: tabConfig,
 };