From 1ac7dc349aa099faa8e05ec54b17f6d7ddaea21b Mon Sep 17 00:00:00 2001 From: melloware Date: Sat, 25 Nov 2023 10:35:39 -0500 Subject: [PATCH] Fix #5387: Tailwind TRANSITION docs --- components/doc/menu/theming/tailwinddoc.js | 12 ++++++++++++ components/doc/tieredmenu/theming/tailwinddoc.js | 12 ++++++++++++ 2 files changed, 24 insertions(+) diff --git a/components/doc/menu/theming/tailwinddoc.js b/components/doc/menu/theming/tailwinddoc.js index 7a06c09f75..54442e1d73 100644 --- a/components/doc/menu/theming/tailwinddoc.js +++ b/components/doc/menu/theming/tailwinddoc.js @@ -5,6 +5,18 @@ import Link from 'next/link'; export function TailwindDoc(props) { const code = { basic: ` +export const TRANSITIONS = { + overlay: { + timeout: 150, + classNames: { + enter: 'opacity-0 scale-75', + enterActive: 'opacity-100 !scale-100 transition-transform transition-opacity duration-150 ease-in', + exit: 'opacity-100', + exitActive: '!opacity-0 transition-opacity duration-150 ease-linear' + } + } +}; + const Tailwind = { menu: { root: 'py-1 bg-white dark:bg-gray-900 text-gray-700 dark:text-white/80 border border-gray-300 dark:border-blue-900/40 rounded-md w-48', diff --git a/components/doc/tieredmenu/theming/tailwinddoc.js b/components/doc/tieredmenu/theming/tailwinddoc.js index 63a71d974e..5040725a52 100644 --- a/components/doc/tieredmenu/theming/tailwinddoc.js +++ b/components/doc/tieredmenu/theming/tailwinddoc.js @@ -5,6 +5,18 @@ import Link from 'next/link'; export function TailwindDoc(props) { const code = { basic: ` +export const TRANSITIONS = { + overlay: { + timeout: 150, + classNames: { + enter: 'opacity-0 scale-75', + enterActive: 'opacity-100 !scale-100 transition-transform transition-opacity duration-150 ease-in', + exit: 'opacity-100', + exitActive: '!opacity-0 transition-opacity duration-150 ease-linear' + } + } +}; + const Tailwind = { tieredmenu: { root: {