@yamada-ui/react/dist/types/components/slide-fade/slide-fade.d.ts

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { ThemeProps } from "../../core/system/index.types.js";
import { Component } from "../../core/components/index.types.js";
import "../../core/index.js";
import { HTMLMotionProps as HTMLMotionProps$1, WithTransitionProps } from "../motion/index.types.js";
import { SlideFadeStyle } from "./slide-fade.style.js";
import "../../index.js";
import * as react2667 from "react";
import { Variants } from "motion/react";

//#region src/components/slide-fade/slide-fade.d.ts
declare const slideFadeVariants: Variants;
interface SlideFadeProps extends WithTransitionProps<HTMLMotionProps$1>, ThemeProps<SlideFadeStyle> {
  /**
   * The offset on the horizontal or `x` axis.
   *
   * @default 0
   */
  offsetX?: number | string;
  /**
   * The offset on the vertical or `y` axis.
   *
   * @default 8
   */
  offsetY?: 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;
}
declare const SlideFadePropsContext: react2667.Context<Partial<SlideFadeProps> | undefined>, useSlideFadePropsContext: () => Partial<SlideFadeProps> | undefined;
/**
 * `SlideFade` is a component that gradually shows or hides an element while moving it from a specified position.
 *
 * @see https://yamada-ui.com/docs/components/slide-fade
 */
declare const SlideFade: Component<"div", SlideFadeProps>;
//#endregion
export { SlideFade, SlideFadeProps, SlideFadePropsContext, slideFadeVariants, useSlideFadePropsContext };
//# sourceMappingURL=slide-fade.d.ts.map