Components
Page Transition
The old page fades out as the new one rises in, when your router changes page in a view transition.
Overview
Net$2,410
Spent$1,845
Import
import { PageTransition } from '@rinzai/zen';API reference
<PageTransition>
The page's content, which changes between pages: wrap your route's outlet in it, and when the router changes page in a view transition (React Router's viewTransition, or document.startViewTransition yourself) the old page fades out as the new one rises in, while everything outside (header, nav) stays still. One per page.
No props of its own; it accepts the props of the element it renders.