@yamada-ui/transitions
Version:
Yamada UI transitions components
35 lines (32 loc) • 1.03 kB
text/typescript
import * as _yamada_ui_motion from '@yamada-ui/motion';
import { WithTransitionProps, MotionProps, MotionVariants } from '@yamada-ui/motion';
import { ThemeProps } from '@yamada-ui/core';
declare const scaleFadeProps: {
animate: string;
exit: string;
initial: string;
variants: MotionVariants;
};
interface ScaleFadeOptions {
/**
* If `true`, the element will transition back to exit state.
*
* @default true
*/
reverse?: boolean;
/**
* The initial scale of the element.
*
* @default 0.95
*/
scale?: number;
}
interface ScaleFadeProps extends WithTransitionProps<Omit<MotionProps, "scale">>, ScaleFadeOptions, ThemeProps<"ScaleFade"> {
}
/**
* `ScaleFade` is a component that gradually scales up to reveal or scales down to hide an element.
*
* @see Docs https://yamada-ui.com/components/transitions/scale-fade
*/
declare const ScaleFade: _yamada_ui_motion.MotionComponent<"div", ScaleFadeProps>;
export { ScaleFade, type ScaleFadeProps, scaleFadeProps };