Update Transitions for unstyled Accordion in tailwinddoc.js (#6954)

The old version did not work. Replaced with transitions found in lib/passthrough/tailwind/index.js
primefaces · Jul 31, 2024 · c5f6f9f · c5f6f9f
1 parent 59098c8
commit c5f6f9f
Showing 1 changed file with 9 additions and 6 deletions.
diff --git a/components/doc/accordion/theming/tailwinddoc.js b/components/doc/accordion/theming/tailwinddoc.js
@@ -7,12 +7,15 @@ export function TailwindDoc(props) {
         basic: `
 const TRANSITIONS = {
     toggleable: {
-        enterFromClass: 'max-h-0',
-        enterActiveClass: 'overflow-hidden transition-all duration-500 ease-in-out',
-        enterToClass: 'max-h-40	',
-        leaveFromClass: 'max-h-40',
-        leaveActiveClass: 'overflow-hidden transition-all duration-500 ease-in',
-        leaveToClass: 'max-h-0'
+        timeout: 500,
+        classNames: {
+          enter: 'max-h-0',
+          enterActive:
+            '!max-h-[1000px] overflow-hidden transition-[max-height] duration-500 ease-in',
+          exit: 'max-h-[1000px]',
+          exitActive:
+            '!max-h-0 overflow-hidden transition-[max-height] duration-500 ease-out',
+        }
     }
 };