@chakra-xui/transition/dist/types/slide.d.ts

Common transition components for Chakra xui

import { HTMLMotionProps } from "framer-motion";
import * as React from "react";
export declare type SlideDirection = keyof typeof directions;
declare const directions: {
    bottom: {
        motion: {
            y: string;
        };
        baseStyle: {
            maxWidth: string;
            bottom: number;
            left: number;
            right: number;
        };
    };
    top: {
        motion: {
            y: string;
        };
        baseStyle: {
            maxWidth: string;
            top: number;
            left: number;
            right: number;
        };
    };
    left: {
        motion: {
            x: string;
        };
        baseStyle: {
            width: string;
            height: string;
            left: number;
            top: number;
        };
    };
    right: {
        motion: {
            x: string;
        };
        baseStyle: {
            width: string;
            right: number;
            top: number;
            height: string;
        };
    };
};
export interface SlideOptions {
    /**
     * If `true`, the element will unmount when `in={false}` and animation is done
     */
    unmountOnExit?: boolean;
    /**
     * The direction to slide from
     * @default "right"
     */
    direction?: SlideDirection;
    /**
     * Show the component; triggers the enter or exit states
     */
    in?: boolean;
}
export interface SlideProps extends HTMLMotionProps<"div">, SlideOptions {
}
export declare const Slide: React.ForwardRefExoticComponent<SlideProps & React.RefAttributes<HTMLDivElement>>;
export {};