Adding descriptions

src/core/client/ui/components/Tabs/Tab.mdx

@@ -1,5 +1,5 @@
 ---
-name: TabBar
+name: Tab
 menu: UI Kit
 ---
 

src/core/client/ui/components/Tabs/Tab.tsx

@@ -12,10 +12,21 @@ export interface TabBarProps {
    * Override or extend the styles applied to the component.
    */
   classes: typeof styles;
-
+  /**
+   * The id/name of the tab
+   */
   tabId: string;
+  /**
+   * Active status
+   */
   active: boolean;
-  color: string;
+  /**
+   * Color style variant
+   */
+  color: "primary" | "secondary";
+  /**
+   * Action taken on tab click
+   */
   onTabClick?: (tabId: string) => void;
 }
 

src/core/client/ui/components/Tabs/TabBar.tsx

@@ -12,13 +12,21 @@ export interface TabBarProps {
    * Override or extend the styles applied to the component.
    */
   classes: typeof styles;
-
+  /**
+   * Color style variant
+   */
   color: "primary" | "secondary";
-
+  /**
+   * Active tab id/name
+   */
   activeTab?: string;
+  /**
+   * Default active tab id/name
+   */
   defaultActiveTab?: string;
-
-  onChange?: (activeId: string) => void;
+  /**
+   * Action taken on tab click
+   */
   onTabClick?: (tabId: string) => void;
 }
 

src/core/client/ui/components/Tabs/TabContent.tsx

@@ -1,6 +1,9 @@
 import React, { StatelessComponent } from "react";
 
 export interface TabContentProps {
+  /**
+   * Active tab id/name
+   */
   activeTab?: string;
 }