@yamada-ui/transitions/dist/slide-fade.d.mts

Yamada UI transitions components

import * as _yamada_ui_motion from '@yamada-ui/motion';
import { WithTransitionProps, MotionProps, MotionVariants } from '@yamada-ui/motion';
import { Token, ThemeProps } from '@yamada-ui/core';

declare const slideFadeProps: {
    animate: string;
    exit: string;
    initial: string;
    variants: MotionVariants;
};
interface SlideFadeOptions {
    /**
     * The offset on the horizontal or `x` axis.
     *
     * @default 0
     */
    offsetX?: Token<number | string>;
    /**
     * The offset on the vertical or `y` axis.
     *
     * @default 8
     */
    offsetY?: Token<number | string>;
    /**
     * If `true`, the element will be transitioned back to the offset when it leaves. Otherwise, it'll only fade out.
     *
     * @default true
     */
    reverse?: boolean;
}
interface SlideFadeProps extends WithTransitionProps<MotionProps>, SlideFadeOptions, ThemeProps<"SlideFade"> {
}
/**
 * `SlideFade` is a component that gradually shows or hides an element while moving it from a specified position.
 *
 * @see Docs https://yamada-ui.com/components/transitions/slide-fade
 */
declare const SlideFade: _yamada_ui_motion.MotionComponent<"div", SlideFadeProps>;

export { SlideFade, type SlideFadeProps, slideFadeProps };