Delete dummy FadeComponent and use Slider for transitionComponent exa…

…mple
hypothesis · Apr 24, 2023 · e97d1e4 · e97d1e4
1 parent 68be7fa
commit e97d1e4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 38 deletions.
diff --git a/src/pattern-library/components/patterns/FadeComponent.tsx b/src/pattern-library/components/patterns/FadeComponent.tsx
diff --git a/src/pattern-library/components/patterns/feedback/DialogPage.tsx b/src/pattern-library/components/patterns/feedback/DialogPage.tsx
@@ -13,13 +13,13 @@ import {
   InputGroup,
   Link,
   Scroll,
+  Slider,
   Tab,
   TabList,
 } from '../../../../';
 import { ModalDialog } from '../../../../components/feedback';
 import type { ModalDialogProps } from '../../../../components/feedback/ModalDialog';
 import Library from '../../Library';
-import FadeComponent from '../FadeComponent';
 import { LoremIpsum, nabokovNovels } from '../samples';
 import type { NabokovNovel } from '../samples';
 
@@ -354,10 +354,10 @@ export default function DialogPage() {
             >
               <Dialog_
                 title="Dialog with TransitionComponent example"
-                transitionComponent={FadeComponent}
+                transitionComponent={Slider}
               >
                 <p>
-                  This dialog has a fade in/out transition when opened/closed.
+                  This dialog has a slide down/up transition when opened/closed.
                 </p>
               </Dialog_>
             </Library.Demo>