@chakra-xui/transition
Version:
Common transition components for Chakra xui
31 lines (30 loc) • 945 B
TypeScript
import { HTMLMotionProps } from "framer-motion";
import * as React from "react";
export declare const slideFadeConfig: HTMLMotionProps<"div">;
export interface SlideFadeProps extends HTMLMotionProps<"div"> {
/**
* The offset on the horizontal or `x` axis
* @default 0
*/
offsetX?: string | number;
/**
* The offset on the vertical or `y` axis
* @default 8
*/
offsetY?: string | number;
/**
* If `true`, the element will be transitioned back to the offset when it leaves.
* Otherwise, it'll only fade out
* @default true
*/
reverse?: boolean;
/**
* If `true`, the element will unmount when `in={false}` and animation is done
*/
unmountOnExit?: boolean;
/**
* If `true`, the content will animate in
*/
in?: boolean;
}
export declare const SlideFade: React.ForwardRefExoticComponent<SlideFadeProps & React.RefAttributes<HTMLDivElement>>;