Merge pull request #291 from WestpacGEL/287-tabs-transition

fix #287 adding fadeIn animation
WestpacGEL · Nov 15, 2023 · afba4c7 · afba4c7
2 parents a90f102 + 8209ed5
commit afba4c7
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/ui/src/components/tabs/components/tab-panel/tab-panel.component.tsx b/packages/ui/src/components/tabs/components/tab-panel/tab-panel.component.tsx
@@ -10,7 +10,7 @@ export function TabPanel({ className, state, look, ...props }: TabPanelProps) {
   const { tabPanelProps } = useTabPanel({ ...props }, state, ref);
   return (
     <div {...mergeProps(tabPanelProps, focusProps)} ref={ref} className={styles({ className, look, isFocused })}>
-      {state.selectedItem?.props.children}
+      <div className="animate-fadeIn">{state.selectedItem?.props.children}</div>
     </div>
   );
 }