Page transition
A region that swaps views with the house motion
Account
Name, avatar and timezone. Changes apply to every project.
Installation
nub add @gpuixui/componentsUsage
import { PageTransition } from "@gpuixui/components";
<PageTransition viewKey={section}>
{section === "account" ? <AccountView /> : <BillingView />}
</PageTransition>;API
| Prop | Type | Default |
|---|---|---|
viewKey | string | — |
children | ReactNode | — |
direction | "forward" | "back" | "forward" |
distance | number | 16 |
level | SurfaceLevel | "normal" |
className | string | — |
style | StateStyle<PageTransitionPaint> | — |
Edit this page on GitHubpackages/components/docs/page-transition.mdx