feat(Tabs)!: combine Tab sub-component into Tabs

- update imports, tests, and usages in Tabs - update usage in WireframeDemo - clean up snapshots
chanzuckerberg · Feb 27, 2024 · 0479863 · 0479863
1 parent 2538aa6
commit 0479863
Show file tree

Hide file tree

Showing 7 changed files with 161 additions and 176 deletions.
diff --git a/.storybook/pages/WireframeDemo/WireframeDemo.tsx b/.storybook/pages/WireframeDemo/WireframeDemo.tsx
@@ -10,7 +10,6 @@ import {
   Link,
   Select,
   Tabs,
-  Tab,
   Text,
   Tooltip,
 } from '../../../src';
@@ -221,26 +220,26 @@ const WatchPage = ({ onLogout }: { onLogout: () => void }) => {
           </div>
 
           <Tabs className="mt-4">
-            <Tab title="All (3)">
+            <Tabs.Tab title="All (3)">
               <div className="flex">
                 <StudentTab active studentName="Mikaela" />
                 <StudentTab studentName="Cesar" />
                 <StudentTab studentName="Truman" />
               </div>
-            </Tab>
+            </Tabs.Tab>
 
-            <Tab title="New (1)">
+            <Tabs.Tab title="New (1)">
               <div className="flex">
                 <StudentTab active studentName="Mikaela" />
               </div>
-            </Tab>
+            </Tabs.Tab>
 
-            <Tab title="Open (2)">
+            <Tabs.Tab title="Open (2)">
               <div className="flex">
                 <StudentTab studentName="Cesar" />
                 <StudentTab studentName="Truman" />
               </div>
-            </Tab>
+            </Tabs.Tab>
           </Tabs>
         </div>
 

diff --git a/src/components/Tab/Tab.tsx b/src/components/Tab/Tab.tsx
diff --git a/src/components/Tab/index.ts b/src/components/Tab/index.ts