feat(tabs): initial selected tab

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.4",
+  "version": "1.3.5",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

src/tabs/Tabs.tsx

@@ -116,6 +116,10 @@
    * If specified, the index of the selected tab is controlled by the parent component rather than the internal state.
    */
   index?: number;
+  /**
+   * default index of the selected tab.
+   */
+  defaultIndex?: number;
   onChange?: (index: number) => void;
   /**
    * The orientation of the tabs. Defaults to horizontal
@@ -132,16 +136,20 @@
   children,
   className,
   index,
+  defaultIndex,
   onChange,
   orientation = 'horizontal',
   extra,
 }: TabsProps) {
   // Filter out the nulls from the children so that tabs can be mounted conditionally
   children = Children.toArray(children).filter(child => child);
   const tabs = parseTabList(children);
-  
+
   // Initialize the selected tab to the first non-hidden tab if there is no controlled value provided
-  const defaultValue = tabs.findIndex(tab => !tab.hidden);
+  const defaultValue =
+    typeof defaultIndex === 'number'
+      ? defaultIndex
+      : tabs.findIndex(tab => !tab.hidden);
   const [selectedIndex, setSelectedIndex] = useControlledState(
     index,
     defaultValue,
@@ -253,7 +261,7 @@
       `}
     >
       {typeof children === 'function'
         ? children({ isSelected, index: index! })
         : children}
     </div>
   );