Page Transition
utilitiesWrapper for animating page-to-page transitions with fade, slide, or scale effects.
Preview
No preview available
Check the code examples below.
Installation
npm install @launchapp/design-systemImport
import { PageTransition } from "@launchapp/design-system";Examples
Fade transition
<PageTransition variant="fade"> <div>Page content</div></PageTransition>Props
| Prop | Type | Default | Description |
|---|---|---|---|
children* | React.ReactNode | — | Page content to animate. |
variant | "fade" | "slide-up" | "scale" | "fade" | Transition animation style. |