@next Tabs: expose disabledScrollToTab prop

glints-dev · Sep 19, 2024 · 0566f32 · 0566f32
1 parent c2ba5e5
commit 0566f32
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/@next/Tabs/Tab.tsx b/src/@next/Tabs/Tab.tsx
@@ -7,6 +7,7 @@ export type TabProps = {
   id?: string;
   selected?: boolean;
   disabled?: boolean;
+  disabledScrollToTab?: boolean;
   onSelect: () => void;
 };
 
@@ -15,12 +16,13 @@ export const Tab = ({
   id,
   selected,
   disabled = false,
+  disabledScrollToTab = false,
   onSelect,
 }: TabProps) => {
   const tabRef = useRef(null);
 
   const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
-    if (disabled) return;
+    if (disabled || disabledScrollToTab) return;
 
     event.preventDefault();
     tabRef.current.scrollIntoView({ behavior: 'smooth' });

diff --git a/src/@next/Tabs/Tabs.tsx b/src/@next/Tabs/Tabs.tsx
@@ -29,6 +29,7 @@ export type TabsProps = {
   selected?: number;
   children?: React.ReactNode;
   fitted?: boolean;
+  disabledScrollToTab?: boolean;
   onSelected?: (index: number) => void;
 };
 
@@ -38,6 +39,7 @@ export const Tabs = React.forwardRef<HTMLDivElement, TabsProps>(function Tabs(
     selected: selectedIndex = 0,
     children,
     fitted,
+    disabledScrollToTab,
     onSelected,
   }: TabsProps,
   ref
@@ -121,6 +123,7 @@ export const Tabs = React.forwardRef<HTMLDivElement, TabsProps>(function Tabs(
         onSelect={() => handleSelectedIndexChanged(index)}
         selected={index === selectedTabIndex}
         disabled={tab.disabled}
+        disabledScrollToTab={disabledScrollToTab}
       ></Tab>
     );