shelving/ui/transition/Transition.d.ts

Toolkit for using data in JavaScript.

import { type ReactElement } from "react";
import type { ChildProps } from "../util/props.js";
import type { TransitionClasses } from "./util.js";
import "./Transition.css";
/** Variants that can be applied to any transition component. */
export interface TransitionProps extends ChildProps {
    /** Render this transition above other transitions (z-index: 100 on the group). */
    overlay?: boolean | undefined;
}
/**
 * Create a View Transition for children of this component.
 *
 * - Allows known view transition types in `TransitionClasses` to be set to override.
 *   - These must correspond to a `::view-transition(.className)` that is set in CSS.
 *
 * - Supports variant classes, e.g. `<Transition overlay>` applies `::view-transition(.overlay)` from `Transition.css`
 */
export declare function Transition({ children, default: d, forward, back, ...variants }: Partial<TransitionClasses> & TransitionProps): ReactElement;