Make tabs scrollable if necessary

flatironinstitute · Jul 29, 2024 · 37d50a6 · 37d50a6
1 parent 514d7aa
commit 37d50a6
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/gui/src/app/components/TabWidget.tsx b/gui/src/app/components/TabWidget.tsx
@@ -31,7 +31,12 @@ const TabWidget: FunctionComponent<TabWidgetProps> = ({ labels, children }) => {
 
   return (
     <Box display="flex" height="100%" width="100%" flexDirection="column">
-      <Tabs value={index} onChange={handleChange}>
+      <Tabs
+        value={index}
+        onChange={handleChange}
+        variant="scrollable"
+        scrollButtons="auto"
+      >
         {labels.map((label, i) => (
           <Tab key={i} label={label} />
         ))}